@femmed0ll Thanks for reminding me of this. I have just released an update that resolves this issue (version 3.1.57). Check it out and let me know if you still have any issues.
On the Settings tab of your Ditty set Ajax Loading to No. This may help speed up your loading (which is abnormally long). Other than that, the faster other assets load on your site the faster the ticker will start running.
I am working on a fairly major update that will start using a different method for creating tickers, which should also hopefully help. But, I don’t have a release date set for that yet. It could still be a few months out.
Got it. So the containing element isn’t a flex display, but it is an inline-block display which has the same issue. When I switch it to a block display the ticker shows up (see screenshots below).
I’m not sure how your page builder works, but somehow you’ll need to adjust the container to be a block display. If you’re able to add a custom class to the element, I’d add something like “block-display” and the add custom css:
.block-display { display: block !important; }
It’s possible there’s a setting for the element to set it to be a block display as well… not sure.
It could be a container sizing issue. The ticker requires it’s parent container to have a width in order to fill it. If a ticker is placed in a flex container there can be issues due to the container not having a width (the width is based on the contents). Is there a way for me to get past the coming soon page to check it out?
These will need to be modified or overridden with custom css.
The reason the text is being cut off is due to the width set with css in addition to the ticker setting being set to No Wrap. If the text was set to wrap you’d see the full text, but the item width would still be 33.3333% wide due to the theme css.
@kourosh77 thanks for letting me know about the rtl issues, I will take a look into that. Do you have a link to your site so I can see your ticker running? It’s hard to say way the issue is, but you should see the full text.
It looks like you need to clear out (remove) the notifications that are displayed above the Ditty Editor. Once those are cleared out, the editor will be taller and you’ll be able to edit easier. I’ll work on modifying the layout for these screens to allow for scrolling, but currently the edit screens for Ditty fit within the available visible height.
@njaknjak I’m not seeing the ticker on your site anymore, but it sounds like you are dealing with a container size issue. The Ditty ticker will expand to fill it’s parent containers width automatically, but if it’s placed within a flex container you may need to use css to force the width of the container element. Flex containers rely on the dimensions of their child elements to create the dimensions of the container, but since the ticker has no set width (relying on it’s parent container for it) there isn’t any element setting the display width of the container or contents.
