Skip to main content

IDEA: Short cut codes while editing to display an image of a keyboard key

  • 10 March 2021
  • 1 reply
  • 34 views

Here is an idea suggestion. I am forever telling students and teachers what key sctrokes to press for a particular command or menu. It would be helpful if there were short codes I could insert while editing a response or creating an FAQ that would allow me display keybord keys as small images or icons inline with my text.

I was thinking something like this, I type this text in Freshdesk

 

1. <kbd>Alt</kbd> + <kbd>Esc</kbd> Switches to the next open window  

 

And the user sees this in the KB article, FAQ, or response via the web portal

You could even have a key combo like CTRL-K tht would insert <kbd></kbd> and then all I have to do is put the text in to appear on the key cap.

Hi @SteveBoggsSchool, good day! 

 

This indeed is achievable using the CSS available in the portal customization option. You can navigate to Admin → Portal → Customize Portal → CSS tab and add the style you’d want to apply for KBD tag. 

 

In my case, I added the below code: 

Adding CSS

 

In the solution article editor, you can click on the code view and add the code as below: 

 

Code view

When you publish this, the style sheet would be applied in the webpage

 

Web page view

You can use this tag anywhere in the the portal to  over-write the default style. I hope this helps. 

  

Reply


Terms of Use