Menu says "Content disabled in edit mode because scripts need to be applied."

Permalink Browser Info Environment
Just got the menu tried to apply it and after page is checked in I get the message:

Content disabled in edit mode because scripts need to be applied.

Ideas?
site:
http://newsite.iowaascd.org/

Type: Pre-Sale
Status: In Progress
plschneide
View Replies:
plschneide replied on at Permalink Reply
plschneide
FYI the menu on the top is the previous one that comes with this theme. I added mega menu to the home page only (above the image and below the other menu)
jb1 replied on at Permalink Reply
jb1
Hi, thanks for your message. Please try clearing the Concrete cache via the dashboard.
I'm guessing you have full-page caching enabled which can cause this issue from time to time.

If you're still building and editing the site extensively, it's best to turn of Concrete's cache.

Once you've tried that, please let me know how you go.

JB
plschneide replied on at Permalink Reply
plschneide
thanks that did it. I thought I had done that already, but had done so only for full page caching.
jb1 replied on at Permalink Reply
jb1
Glad to hear that's sorted, happy to help 😊
plschneide replied on at Permalink Reply 2 Attachments
plschneide
I have a weird alignment issue.
https://newsite.iowaascd.org/index.php...

The sub menu - as you go left to right - the alignment under its choice is off - see attached
plschneide replied on at Permalink Reply
plschneide
Oh and one of the main reason I purchased the menu was that my client didn't want the menu to goto the "top level" page when the item was clicked, but instead - when the menu item was clicked it showed the sub menu items.

I had read that you can have sub menu show on hover OR on click. I assumed that on Click would do just that - show submenu items and not goto that main level page.

I did try that setting cleared cache and such and it still seems to be working like the hover... thoughts?
plschneide replied on at Permalink Reply
plschneide
FYI the Click and Don't goto the menu item (top level) is now working.. maybe extra cache in browser or something....

Still have the question about the alignment.

Also I was looking to see where / change the default font size (I see the "native" choice). Would I need to just specify CSS and put in the appropriate CSS for that change? (Don't want to over complicate things)
jb1 replied on at Permalink Reply
jb1
Apologies for the delay in getting back to you. Just got my laptop out of the workshop - the hard drive died (first time in 7 years!) and it took a while to get everything up and running again.

1) Submenu alignment - you're right that the menu should be left aligned. The misalignment can be caused by a couple things:
a) Some part of the menu loading AFTER javascript has been run to calculate the position (it only happens once at the page load). This could be a Google Font (which I checked, and it isn't), or another piece of Javascript on the page which is modifying the layout (I couldn't see that); or
b) CSS in the theme is conflicting. The easiest way to test this is make a new page (call it "test" for example), and give only that page one of the default Concrete themes. If the menu lines up then you know for sure there's some CSS from this theme at play. In that case it would be a matter of pulling out large parts of the theme's CSS code and gradually re-adding it until you can find the part causing the problem.
c) Some other element around the menu hasn't got an explicitly set width. In this case, I'm looking at the logo and it could be the culprit. It seems to load after the menu, and the browser has already calculated the menu placements by that point. Here's a screenshot:
http://take.ms/zD7Co
I'd suggest setting a width for the logo image - if you want it to be responsive you can use CSS to set different widths at different viewport sizes.

2) Yeah the "click" option should work exactly as you expected. If there's some kind of caching going on with the server (other than the ConcreteCMS one) it would be worth double checking.

3) If you look at the Chrome inspector, you can see the CSS classes of the menu elements and use those as selectors to customise the font any way you wish. Here's a screenshot:http://take.ms/MDtuc
For example
ul.mega-menuh li a{font-size:1.5em;}

The most appropriate selector will depend on which parts of the menu you want to change (top level, submenu or both).
The add-on has a section where you can add your custom CSS code if you wish. That way even if you change the theme, the menu will still perform consistently. It's also more upgrade-friendly.

I hope this helps.

JB
plschneide replied on at Permalink Reply
plschneide
Thanks that helped.
1. Got the font size adjusted - (add css to theme)
2. Selector (click vs mouse over) works

However I'm still having trouble with submenu's aligning.

1. I created a blank page and set this to the elemental theme and I'm still seeing the alignment problem:
https://newsite.iowaascd.org/index.php/test...
2. I also set the "logo" image in the block to a set size and that didn't seem to make a difference -

ideas?
jb1 replied on at Permalink Reply
jb1
Ok, I've investigated further and found some answers.
The default skins that came with the Mega Menu since the beginning (now called "standard glossy" and "standard flat") have built in CSS styling that deliberately causes the submenus to automatically position themselves horizontally depending on how much space was available in the surrounding page. This can be seen on the demos here:https://c5extras.com/add-ons/mega-menu/...

However, I understand why you want this kind of consistent behaviour. If I were to change the default behaviour of those skins it would affect other users who might not want that. Some time ago I created a new skin called "advanced" which allows users who know CSS to customise every single element and component of the menu. Here's a screenshot:
http://take.ms/bwZqk

This skin has been designed for left alignment of submenus by default - which is exactly what you want. Rather than modifying one of the existing skins, I recommend just switching to the "advanced" skin and then you can tweak the colours within the editor interface using CSS. This gives you a greater degree of flexibility at the same time.

Here's a screencast of how the advanced skin looks out of the box:http://take.ms/eLile

I think this should help to resolve your query but if you have any other questions, please let me know.

JB

concrete5 Environment Information

# Concrete Version
Core Version - 9.0.2
Version Installed - 9.0.2
Database Version - 20220114215506

# Database Information
Version: 5.7.37
SQL Mode: STRICT_TRANS_TABLES,NO_ZERO_IN_DATE,NO_ZERO_DATE,ERROR_FOR_DIVISION_BY_ZERO,NO_AUTO_CREATE_USER,NO_ENGINE_SUBSTITUTION

# Concrete Packages
2FA - Two-Factor Login Security (2.0.3), Mega Menu (2.0), Replica Pro Theme (2.2.0)

# Concrete Overrides
authentication/concrete/controller.php, authentication/concrete/two_step_authentication.php, authentication/concrete

# Concrete Cache Settings
Block Cache - On
Overrides Cache - On
Full Page Caching - Off
Full Page Cache Lifetime - Every 6 hours (default setting).

# Server Software
Apache

# Server API
fpm-fcgi

# PHP Version
7.4.29

# PHP Extensions
bcmath, calendar, cgi-fcgi, Core, ctype, curl, date, dom, fileinfo, filter, ftp, gd, hash, iconv, imap, json, libxml, mbstring, mysqli, mysqlnd, openssl, pcntl, pcre, PDO, pdo_mysql, pdo_sqlite, Phar, posix, Reflection, session, SimpleXML, sockets, SPL, sqlite3, standard, tokenizer, xml, xmlreader, xmlwriter, xsl, zip, zlib

# PHP Settings
max_execution_time - 30
log_errors_max_len - 1024
max_file_uploads - 20
max_input_nesting_level - 64
max_input_time - 60
max_input_vars - 1000
memory_limit - 256M
post_max_size - 8M
upload_max_filesize - 2M
mbstring.regex_retry_limit - 1000000
mbstring.regex_stack_limit - 100000
mysqli.max_links - Unlimited
mysqli.max_persistent - Unlimited
pcre.backtrack_limit - 1000000
pcre.recursion_limit - 100000
session.cache_limiter - <i>no value</i>
session.gc_maxlifetime - 7200
unserialize_max_depth - 4096

Browser User-Agent String

Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:99.0) Gecko/20100101 Firefox/99.0

Hide Post Content

This will replace the post content with the message: "Content has been removed by an Administrator"

Hide Content

Request Refund

You may not request a refund that is not currently owned by you.