More convenient Custom CSS & JS editors

It would be nice if I could make the sidebar in the dashboard a little wider.
This would make the content in the code editor and custom JS/CSS more visible, and you wouldn’t have to constantly scroll back and forth.

Here is an example
Resizable Sidebar

1 Like

Hi @Sina :wave:

Thank you for the feedback!

We already have a similar request, and I’ve merged your comment with it :slightly_smiling_face:

1 Like

Adding to these suggestions, allow the editor box to scroll up and down while highlighting code. Currently, it only scrolls horizontally.

1 Like

Howdy!

Glad to see this wishlist item. Count me in! Please see my recent post on this topic.

In my opinion, this should be a scheduled enhancement, not a wishlist item. As it is, it’s very difficult to view and edit both CSS and JS codes inside the settings panel.

Thank you!

3 Likes

Hi @Max,

Can you kindly give us an update on this feature request? While no significant number of votes have been collected, the requested feature can also be considered as a “bug” since the CSS and JS code fields are small and restrictive.

Happy to buy you a pint (or your favorite beverage) if you can move this one up the ladder. Without a public roadmap for the AI Chatbot, all we’re left with is to ping Elfsight when things are not moving as fast as expected.

I hope you understand.

Thank you!

2 Likes

Hey there, @AeroConsultants :waving_hand:

Thanks a lot for your comment!

I totally get your feelings and agree that this improvement would make the customization process handier.

Much as I’d love to share an update, unfortunately, we don’t have any news regarding this request. I am really sorry!

I’ve passed your feedback to the dev team and hopefully, they’ll be able to think it over in the future.

As soon as any news comes up, we’ll promptly inform you here :slightly_smiling_face:

1 Like

Great, thank you. Putting things into another perspective, this feature request (bug fix) has been open since May 2024 (almost two years)!

Folks, I just wanted to inform you that the Custom CSS and JS editors include the Maximize buttons:

Does it cover your needs, or do you want to make it even wider to display longer codes in full?

@Max It does not solve my personal issue: The editor box does not scroll up and down while highlighting code. Currently, it only scrolls horizontally.

I know I can press+hold SHIFT which is an easy workaround. But I cannot tell you how many times I’ve accidentally gone back a page when 2-finger scrolling to the left while working in the code editor.

If a handle-bar to resize the editor is not feasible for your Devs, how about a modal box for the code editor?

2 Likes

Got it, thank you so much for the feedback!

I completely understand your point, and I’ve shared them with the devs. We’ll try to think about it in the future :slightly_smiling_face:

Hi @Max

this helps a little with vertical scrolling, but not with horizontal scrolling. Therefore, the scalable sidebar example has been included in the proposal. I also like @PeterC’s idea of ​​solving this with a larger modal box, i.e. popup. I think the devs can understand that, because the way it’s currently solved, they don’t want to work with it :slight_smile:

1 Like

Hi @Max,

No, that does not help. Please refer to the original recommendations provided by @Sina and me.

We need a “grab handle” that will allow us to expand the CSS and JS code fields horizontally. Also, expanding the native width of the CSS and JS code fields would be nice. There is plenty of “real estate” in the Elfsight dashboard to do that. This, of course, would be in addition to the “grab handle.”

Also, I do not support a pop-up to solve the issue since many browsers have a pop-up blocker add-on, etc. installed which would require enabling/disabling the add-on every time we access the Elfsight widget dashboard.

I hope this helps.

Cheers!

Petar

2 Likes

Thank you so much for your feedback, @Sina, @AeroConsultants!

We’ll keep your suggestions in mind and try to consider them in the future updates :slightly_smiling_face: