I am trying to use the Content Toggle element and the content inside the toggles is not showing. I have it set to load an elementor template, however it is not showing. So far, I have tried adjusting the Z index and the overflow property but neither has worked.
Thanks for your help
]]>I contact you because since the last update of the plugin, I noticed that you removed all the UUID in the content toggle:
Before you got:
aria-controls="ub-content-toggle-panel-0-{UUID}"
Now you get:
aria-controls="ub-content-toggle-panel-0-"
I think it was unintentionnal, but it creates unexpected behaviour on my side as now I cannot distinguish any content toggle.
Can you correct that?
]]>I am using the content toggle block, but I noticed an issue. Here are the conditions I have:
when clicking on one content toggle, it doesn’t stick to the top of the browser, unless I use Google Chrome on my laptop.
Here are some screenshots about the situation I describe.
Do you know where does this JS problem come from?
Best regards,
]]>Because our organization provides services to U.S. colleges and universities, accessibility is extremely important and non-negotiable. We won’t be able to use these blocks until they’re accessible to all users.
]]>I have toggle set to collapse and to only have one open a time.
But it still doesn’t close after being open..
]]>I contact you because I use the content toggle from your plugin. However I noticed that the arrow when content toggle is collapsed or not is different than all the content toggles I can find on the internet.
Here are the picture with your content toggle -> [picture]
Here are the picture with the Google Flights’ content toggle -> [picture]
Is it possible to have the same behaviour than the industry, so the reader is not confused about the behaviour of your block?
Best regards,
]]>My question is, is there a setting for default open the first bar, and then people click on the second bar, it won’t close the first bar and just open the second bar? I use the content toggle for the tour itinerary. Now my pagee Day 1 bar is default opened, and when people click on the Day 2 bar, it opened but it pushed the whole content up above the page screen (as day 2 has a very long content). People need to roll up again to see the beginning of Day 2 content… if it won’t close and just open the Day 2 content, people can continue to scroll down to see the Day 2 content.
]]>How can I change this icon inside the Content Toggle Panel? Thanks!
I have all panels closed by default when the page first loads and that’s working fine. The problem is that the “References” Content Toggle is ALWAYS open as soon as its parent’s FAQ is open after the page first loads. If I click on it to close it, it works fine. If I click the parent closed after I click “References” to close and then reopen the parent, “References” is still closed, which is perfect.
I have the settings on the child set to “Collapsed” and “Collapse on Mobile.” For the parent, “Collapsed” is also set but “Collapse on Mobile” is not.
When I inspect the HTML, the div attributes for the child for data-mobilecollapse and data-desktopcollapse are both set to “true”, yet the panel is showing. The div tag around the panel does not have the “ub-hide” class until I close it manually. In fact, it doesn’t have “ub-hide” on it when the page first loads either, even though the parent panel DOES have the “ub-hide” class initially. I think if “ub-hide” were added to the child when the page loaded, everything would work perfectly.
I could fix this with my own JavaScript but if you’d like to fix it, I would be most grateful!
]]>I have a use case where my page background color changes throughout the day so I would like to have the Container Color of the Content Toggle Panel to be transparent so it matches the background. Unfortunately that’s not an option as the color picker does not show the alpha chanel to choose from like the paragraph color picker as an example. Would that be something worth considering for a future update?
Thanks!
]]>