Problem with submenu width after update 9.12-005

The submenu width is fixed, not dynamic as before. It now indents menu item options by two or three lines depending on the length of the legend. This makes it very long and doesn’t look good at all. Very messy.

They could add an option so the developer can define the submenu width and then indent it if it’s too long.

These types of poor cosmetic issues lead to complaints from end users and dissatisfaction from us developers.

Let’s hope they finally improve their approach toward better judgment by consulting with the experienced community and using common sense before making these types of changes, which at first glance seem very primitive.

In menu app, onApplicationInit event

?>
< style>
.submenu .wrapper .label, #list_megamenu .wrapper .label {
    max-width: 100% !important;
}
< /style>
<?

Hi Derazo. Thanks for your reply. I tried it and it doesn’t work. On the other hand, we shouldn’t be adding CSS to fix something that was working correctly!

You’re right, but you can wait for scriptcase to fix it or temporarily use:

Horizontal menu test
image
with code:
image
Result
image

Hi derazo. Excellent! It works perfectly.
I looked again in more detail and the problem was in the " < style>" tag space.

Thank you so much for everything.

@derazo thanks!

Also, it the fix is so easy, I wonder why they have not yet released a fixed scriptcase version.

Using sc_appmenu_add_item(), some php, overwriting CSS and manipulating DOM elements, by adding code to the onApplicationInit and onLoad events, you can achieve things like this:

Both images are new responsive menu (modified with custom code), the user can choose the icon theme

Wishing you lots of success in your development projects!
(using google translator)

Attribution: icons from https://www.svgrepo.com/

Hi derazao. This is truly excellent! Really good.

I really appreciate your input because I wouldn’t have solved it without it.

These fixes and code additions for improvements should be available in the SC product, since the idea is to write less code and develop faster.

Fixing problems like the one you described “is like something out of a hat,” and you also need a lot of knowledge and need to investigate the code and page objects.

Best regards, and thank you very much.