microsoft / codetour

VS Code extension that allows you to record and play back guided tours of codebases, directly within the editor.

Home Page:https://aka.ms/codetour

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Is possible to load custom icons/pictures?

R3uan3 opened this issue Β· comments

How do i load custom icons/pictures into the titles of the steps?

I tried:

  "$schema": "https://aka.ms/codetour-schema",
  "title": "πŸƒ Getting Started",
  "steps": [
    {
      "description": "### ![Image](./debug.png) πŸ“Œ"
    },

It's not loading the picture, it shows [Image](./debug.png) as the title.

When I hover it shows the picture correctly:
image

Also, is possible to set a different icon for each step? (I mean these icons inside the green rect)

Unfortunately, the title of a step can't include markdown, since the VS Code tree view only allows a node's description to include raw text. So the only way to include images at the moment is to use emojis.

Regarding the step icons: they aren't currently customizable, but that's definitely something we could enable. What scenario/use case did you have in mind?

What scenario/use case did you have in mind?

To make it easy to find a step when you have too many steps, just looking at the icon would be easier/faster to recognize a step than reading her title.

Got it, thanks for that detail. I haven't heard this feedback from other users, so I probably won't be able to prioritize this for a bit. But if you wanted to submit a PR, that would be awesome. Otherwise, I can try to get to this is a couple of weeks.

@lostintangent hello did you got any time for it?