I have looked at different options in Blocs but none seem to give me a simple solution of having just text as a slider. I am trying to rebuild a RW site in Blocs.
Here is the page in the current RW sie which shows a simple text slider (just below the gallery button):
Does anyone have any suggestions as to how I might acheive this in Blocs?
You won’t find one, I had the same as I needed it to replace the Emotive Text stack for a website I was recreating. Looked on the forum and most suggestions were to use an image slider and text as an image, but that’s not good for accessibility and legibility. The only way I got it do this was to use a code widget and some javascript obtained, (a search will find loads of snippet resources) that I modified for a typewriter effect slider, that worked fine. If you want something bespoke that you can’t find you could try AI (Claude/Chat GPT) to create the slider text and then copy and paste it in to a code widget. If you do I would reccomend that you ask whichever AI system to create it all self contained with no external dependencies apart from using a class that you name e.g. .slider-text for all styling of text. Then create the class in Class Manager called slider-text to change your font, sizes, colour etc
It would be good though if a text slider could be added as a feature to Blocs as it is a pretty well-used feature web-wide. I’d vote for that.
@Norm Thank you for your reply but I can’t find any of what you show in your screen shot in Blocs. Would you mind telling me where I can find them please.
Would it be possible to modify this bric then, so it does not need to have a hidden image behind it and have it work from just the text?
Like a check box saying to remove image and let the text size box determine the size?
It appears the image can’t be deleted from the carousel bric (all locked in layer tree), there also doesn’t seem to be sub-classes to target the right divs. Typically all you would have to do is not include an image and just define a min-height for the div of each slide.
No hack needed just basic dev, it’s just about structure, Bootstrap classes and whatever custom styling is desired.Otherwise it would be the same and could have the same controls in The Inspector.
Absolutely, but there are a few underlying code changes that would also be needed, the HTML part is very straight forward, but the layer tree logic would need to be updated as well as some parts of the export logic and the inspector would need a touch of work too.
Because carousels are commonly used in websites created with Blocs, the changes would likely need to be included in a version that had a bit of a testing phase.
The decision is which is easier and quicker to implement:
No images in the carousel.
OR
Reload and auto-scroll on horizontal scroll areas (which offer greater flexibility for construction).
@Whittfield I think has a bric but it was only for individual testimonials and needed Tab Anything to make it into an auto testimonial “slider”. @Norm solution is very good and costs nothing extra.
I just had a thought - what if we kept the carousel as is it and then create one build purely for for adding brics into it - so can anything in it! and even better still adding a DIV container and using the new Stacked Container
So one carousel as it is and then one called the Container Carousel or something like that !..just thinking outside the box - but the idea bric would be for one carousel to do it all.