responsive slide show with text

All WYSIWYG Web Builder support issues that are not covered in the forums below.
Forum rules
PLEASE READ THE FORUM RULES BEFORE YOU POST:
viewtopic.php?f=12&t=1901

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

responsive slide show with text

Post by sieweb » Tue Jul 09, 2019 7:47 pm

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: 674
Joined: Mon Feb 01, 2016 5:43 pm
Location: Ecuador
Contact:

Re: responsive slide show with text

Post by Bluesman » Tue Jul 09, 2019 7:54 pm

You can use the carousel
"Make My Day"

See my Website

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

Re: responsive slide show with text

Post by sieweb » Tue Jul 09, 2019 8:17 pm

As fas as I know I can't add text left or right with the picture that will change accordingly.

User avatar
Pablo
 
Posts: 17600
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Re: responsive slide show with text

Post by Pablo » Tue Jul 09, 2019 8:28 pm


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

Re: responsive slide show with text

Post by sieweb » Tue Jul 09, 2019 8:42 pm

ok, thank you, something to read for tonight. I will report.

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

Re: responsive slide show with text

Post by sieweb » Wed Jul 10, 2019 8:00 pm

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: 17600
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Re: responsive slide show with text

Post by Pablo » Wed Jul 10, 2019 8:19 pm

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: 70
Joined: Fri Oct 20, 2017 8:07 pm

Re: responsive slide show with text

Post by sieweb » Sat Jul 13, 2019 8:55 pm

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: 17600
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Re: responsive slide show with text

Post by Pablo » Sat Jul 13, 2019 8:58 pm

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: 70
Joined: Fri Oct 20, 2017 8:07 pm

Re: responsive slide show with text

Post by sieweb » Sat Jul 13, 2019 9:16 pm

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: 17600
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Re: responsive slide show with text

Post by Pablo » Sun Jul 14, 2019 6:46 am

It seems to work correct. The event is triggered as soon as the carousel has finished the slide animation.

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

Re: responsive slide show with text

Post by sieweb » Mon Jul 15, 2019 3:11 pm

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: 17600
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Re: responsive slide show with text

Post by Pablo » Mon Jul 15, 2019 3:38 pm

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: 70
Joined: Fri Oct 20, 2017 8:07 pm

Re: responsive slide show with text

Post by sieweb » Mon Jul 15, 2019 5:24 pm

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