Page 1 of 1

responsive slide show with text

Posted: Tue Jul 09, 2019 7:47 pm
by sieweb
Hi,
I am just starting my third website using WB :-) .
This - non responsive - site is going to be replaced.
www.bergfried.net
Please have a look at the slideshow that is showing a text beside the picture. The slideshow generator (a feature of the website generator software) I used for that offered the 'composing' of different elements.
How can I achieve that with WB in a simple way (I am not thinking of building a big picture containing the text)? If not, I will looking for a different layout.
Thank you, horst

Re: responsive slide show with text

Posted: Tue Jul 09, 2019 7:54 pm
by Bluesman
You can use the carousel

Re: responsive slide show with text

Posted: Tue Jul 09, 2019 8:17 pm
by sieweb
As fas as I know I can't add text left or right with the picture that will change accordingly.

Re: responsive slide show with text

Posted: Tue Jul 09, 2019 8:28 pm
by Pablo

Re: responsive slide show with text

Posted: Tue Jul 09, 2019 8:42 pm
by sieweb
ok, thank you, something to read for tonight. I will report.

Re: responsive slide show with text

Posted: Wed Jul 10, 2019 8:00 pm
by sieweb
I really try hard, but so many problems:
I have learned, that there are two type of carousel, one just for pictures, the other as a´container for different content.
Pablo: the examples above are not responsive and at least one not working properly in WB15.
Attached is my example to play.
- In preview, there is a breakpoint for the index page, but not at 320 px as defined.
- 'page1' is a test to drag the carousel to a flex or layout grid. Not possible?
- If the carousel is above the flexgrid (after trying to drag it into a cell) I am not able to drag it out. Even if I select the carousel in the object manager, when click and hold at the carousel and move themouse, I will move the flex grid. I have to toggle the flex grid to 'invisible' if I want to select and drag the carousel.
ups, no attachments here?
---
ok, here it is:
https://www.hidrive.strato.com/lnk/fagCOi0o
horst

Re: responsive slide show with text

Posted: Wed Jul 10, 2019 8:19 pm
by Pablo
The carousel can either be flexible for floating layouts or responsive/adaptive in fixed layouts.
It cannot be both at the same time, because absolute content has a fixed size/position so it cannot be part of a floating container (flex grid / layout grid).

To use a carousel in a floating layout, it must be set to 'flexible'

Examples:
http://www.wysiwygwebbuilder.com/suppor ... asic2.html
http://www.wysiwygwebbuilder.com/suppor ... asic8.html
http://www.wysiwygwebbuilder.com/suppor ... sic10.html
http://www.wysiwygwebbuilder.com/suppor ... books.html

Re: responsive slide show with text

Posted: Sat Jul 13, 2019 8:55 pm
by sieweb
Nearly 'as slow as posible' I get it running :-)
One issue: I am using the on activate events to show / hide textboxes.
But the unhide event is a bit slow, the text is disappearing a little moment after the next picture already is to be seen.
Is the order of the events time critical?

Re: responsive slide show with text

Posted: Sat Jul 13, 2019 8:58 pm
by Pablo
The browser executes the events (JavaScript), if you use lots of events then this may have impact on the performance of the browser.

Re: responsive slide show with text

Posted: Sat Jul 13, 2019 9:16 pm
by sieweb
Pablo wrote: Sat Jul 13, 2019 8:58 pm ... lots of events ...
At the moment three slices, so six events. I think, that is not too much.
I will try to upload to a test account just to see if local or not.
---
http://siehorst.de/bergtest/index.html

horst

Re: responsive slide show with text

Posted: Sun Jul 14, 2019 6:46 am
by Pablo
It seems to work correct. The event is triggered as soon as the carousel has finished the slide animation.

Re: responsive slide show with text

Posted: Mon Jul 15, 2019 3:11 pm
by sieweb
Lots of progress, but ... :
as I have placed the Carousel as part of a Layout Grid I had to set the Carousel to 'flexible', 'Responsive' is disabled.
Now, when diminishing the horizontal size of the browser the picture placed at the Carousel is shrinking vertical and horizontal, but the following text put at the next layout grid will not follow, the gap ist increasing, though 'Height' of the Carousel is set to 'Auto'.
http://siehorst.de/bergtest/index.html

horst

Re: responsive slide show with text

Posted: Mon Jul 15, 2019 3:38 pm
by Pablo
The minimum height of the Carousel is set to the design time height of the carousel, otherwise the Carousel would not be visible in the layout grid.

Re: responsive slide show with text

Posted: Mon Jul 15, 2019 5:24 pm
by sieweb
Puhh, so not possible what I wold like to do, but ... .
as I had so many problems with the Carousel: pictures suddenly jumping somewhere or doubled in the object explorer, something like a 'cropbox' - I am not able to explain all the effects, I now replaced the carousel by the simple slideshow, and gues what, all seem to be fine :D .
Pablo, thank you so much for all your efforts!
horst