responsive slide show with text

All WYSIWYG Web Builder support issues that are not covered in the forums below.
Forum rules
IMPORTANT NOTE!!

DO YOU HAVE A QUESTION OR PROBLEM AND WANT QUICK HELP?
THEN PLEASE SHARE A "DEMO" PROJECT.



PLEASE READ THE FORUM RULES BEFORE YOU POST:
http://www.wysiwygwebbuilder.com/forum/viewtopic.php?f=12&t=1901

MUST READ:
http://www.wysiwygwebbuilder.com/getting_started.html
WYSIWYG Web Builder FAQ
Post Reply
sieweb
 
 
Posts: 124
Joined: Fri Oct 20, 2017 8:07 pm

responsive slide show with text

Post 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
User avatar
Bluesman
 
 
Posts: 1109
Joined: Mon Feb 01, 2016 5:43 pm
Location: Sweden
Contact:

Re: responsive slide show with text

Post by Bluesman »

You can use the carousel
"Make My Day"

See my Website
sieweb
 
 
Posts: 124
Joined: Fri Oct 20, 2017 8:07 pm

Re: responsive slide show with text

Post by sieweb »

As fas as I know I can't add text left or right with the picture that will change accordingly.
User avatar
Pablo
 
Posts: 21511
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: responsive slide show with text

Post by Pablo »

sieweb
 
 
Posts: 124
Joined: Fri Oct 20, 2017 8:07 pm

Re: responsive slide show with text

Post by sieweb »

ok, thank you, something to read for tonight. I will report.
sieweb
 
 
Posts: 124
Joined: Fri Oct 20, 2017 8:07 pm

Re: responsive slide show with text

Post 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
User avatar
Pablo
 
Posts: 21511
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: responsive slide show with text

Post 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
sieweb
 
 
Posts: 124
Joined: Fri Oct 20, 2017 8:07 pm

Re: responsive slide show with text

Post 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?
User avatar
Pablo
 
Posts: 21511
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: responsive slide show with text

Post 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.
sieweb
 
 
Posts: 124
Joined: Fri Oct 20, 2017 8:07 pm

Re: responsive slide show with text

Post 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
User avatar
Pablo
 
Posts: 21511
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: responsive slide show with text

Post by Pablo »

It seems to work correct. The event is triggered as soon as the carousel has finished the slide animation.
sieweb
 
 
Posts: 124
Joined: Fri Oct 20, 2017 8:07 pm

Re: responsive slide show with text

Post 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
User avatar
Pablo
 
Posts: 21511
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: responsive slide show with text

Post 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.
sieweb
 
 
Posts: 124
Joined: Fri Oct 20, 2017 8:07 pm

Re: responsive slide show with text

Post 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
Post Reply