Mishwani

I have found out how things work. Just let me know why I can’t add emojis to the result page?

Thank you, but I have to set it to “Yes” on the default settings page and “No” on the Option > Contact Form subtab. Then the “Start Button” appeared, but on one Quiz, it’s still not appearing. I even cleared all the cache, but still no luck.

I was asking to disable the progress bar only on the start page, and when the user clicks the start quiz button, then it (progress bar) should appear.

Lastly, I noticed that I am unable to add emojis on the results page. How can I fix that?

I mean, just like in the toolbar, there is a “Copy code” button, if there is one more button like “Run code” using which the program could be run. In simple words, a feature to run the programming language code to see the output.

Right now, this plugin is the best; if that feature is available, it would be perfect.

Hello again!

I have been using your plugin for some time now, and I must say, it has been a great addition to my work. However, I was wondering if the plugin has the option to add a compiler or if you plan to add one in the future.

Thanks! ??

@andi-dittrich I understand you’ll be too busy, but I don’t think it’ll take much of your time. The issue is general, and if someone else using this plugin added the vertical scroll, they might face the same problem and ask you. And I think you can solve this minor issue within a few minutes because you’re the developer of this plugin. It needs a few lines of CSS code, but I can’t do this since I’m not a CSS expert.

Just like you’ve provided code to trim long code and add a vertical scrollbar in the same way if you can give us CSS code that will show the horizontal scrollbar? So users don’t have to scroll to the end of the code to see the horizontal code.

Please take a few minutes and look into this. And @andi-dittrich, it’s a request if you are not providing the CSS code. Don’t approve this comment.

Thank you in advance! ??

Hello! I’ve used the code that you provided to trim long code. But now, the issue is the horizontal scroll bar doesn’t appear until we scroll to the end, as you can see in the below image:

Please provide me with some CSS code to fix this or guide me to find a solution to this minor issue.

You can find the long code and the issue on this page: https://techabu.co/ict/fcfs-preemptive-scheduling-c-program-example/

Hello! I’ve added some custom CSS and fixed that issue. I was just wondering where I can change the “Copy” button label to “Copy code”?

Hello again!

Yesterday I’ve almost got the issue solved because of your help, but there are still a few minor issues coming up. ??

The issue is with the Horizontal Scroll. It works very well on mobile devices, and on Desktop, it is not scrolling to the right completely. The statement or comment is long enough, but it only scrolls to the right a bit, as you can check in the image below.

I’ve added the below code as Custom CSS, but it didn’t work the way it should. Instead, in the Plugin settings, there is an option in the Appearance Menu, “text-overflow;” I’ve selected the “Add Scrollbar” option, and it’s working fine but still showing some issues. ??

// enable horizontal scroll
EnlighterJS.enlight(myElement, {
    textOverflow: 'scroll'
})

You can check the issue on this Page: https://techabu.co/ict/fcfs-preemptive-scheduling-c-program-example/

Thank you so much! ????

I’ve achieved the horizontal scroll by using the below custom CSS. However, I failed to get the vertical scroll. ?? Please give me the CSS code to limit the lines that show vertically because some of my code has more than 150+ lines of code, which is too much, so if only 40 or 50 lines are displayed, and then if someone would like to continue, he could scroll.

@media only screen and (max-width: 767px) {
.enlighter-code,
.enlighter {
overflow: auto;
}
}

Thanks in advance! ??

Can you please send me the Documentation URL where you’ve guided about the Scroll Bar?

Ohh, Thank you! I’m glad it’s already there, but I’ve not found it. One more thing. Can I add a vertical and horizontal scroll bar, as some code might be too long? So, in that case, if it shows 40 lines of code, for example, and then for the other part of the code, the user can scroll. The same is the case for horizontal scroll because some comments are long, and on mobile devices, they’re cropped, and only half the comment shows to the user. Also, is there any way I can hide the line numbers only on mobile?

• This reply was modified 1 year, 10 months ago by Mishwani.

Yeah, That was my mistake. Thank you for your assistance.