Page 1 of 1

Carousel Design

Posted: Tue Feb 15, 2022 7:08 am
by rganguly
Sir, can I make a carousel, like this http://wp.dreamitsolution.net/softech/home-5/, I have tried a lot of things but can not make it. How can I place text/heading/buttons on a carousel with absolute positioning? Please help.
N.B: I do not need the left and right arrows, just need the inside content design in the carousel layout in WWB17.

Re: Carousel Design

Posted: Tue Feb 15, 2022 9:46 am
by rganguly
rganguly wrote: Tue Feb 15, 2022 7:08 am Sir, can I make a carousel, like this http://wp.dreamitsolution.net/softech/home-5/, I have tried a lot of things but can not make it. How can I place text/heading/buttons on a carousel with absolute positioning? Please help.
N.B: I do not need the left and right arrows, just need the inside content design in the carousel layout in WWB17.
any help from any WWB masters around the world would be appreciated, please... :)

Re: Carousel Design

Posted: Tue Feb 15, 2022 10:52 am
by Pablo

Re: Carousel Design

Posted: Tue Feb 15, 2022 10:55 am
by rganguly
It is ok, but can I make this http://wp.dreamitsolution.net/softech/home-5/ using WWB17?

Re: Carousel Design

Posted: Tue Feb 15, 2022 10:57 am
by Pablo
It looks just like a standard Carousel to me. So, you can also do this with WWB.
Which specific functionality are you referring to?
Did you look at the examples?

Re: Carousel Design

Posted: Tue Feb 15, 2022 11:33 am
by rganguly
Yes sir, I saw the examples and those are great.
I just want to insert content like this http://wp.dreamitsolution.net/softech/home-5/ as well as full width+height with content animation/transition.
Width will be : 100vw
Height will be : 100vh
with many contents in each slider.

I know WWB has an option to set the carousel to flexible with 100vh but when I do that I lose control of its elements in it, I mean all the elements shift their position to the top. Please help.

Re: Carousel Design

Posted: Tue Feb 15, 2022 12:16 pm
by Pablo
Which 'content' are you referring to? I do not see any difference with my examples.

Are you aware that most of this Carousel is just a background image?
http://wp.dreamitsolution.net/softech/w ... lider8.jpg

If you need further assistance then please try to be more specific.

Re: Carousel Design

Posted: Tue Feb 15, 2022 1:19 pm
by rganguly
Yes sir, but I need to place text elements or heading or buttons in it with my desired position but I can not if I set the carousel as flexible and height 100vh. Because I have 7+ elements to place on a carousel slider but it should be placed on any place on the carousel slider. How can I achieve this? Please help...

See this : https://we.tl/t-iP9z0SSXQg

Re: Carousel Design

Posted: Tue Feb 15, 2022 1:49 pm
by Pablo
On the page you are referring to, the elements are not absolute positioned. They are relative just like in a flexible Carousel in WWB.
Absolute positioning is only possible for absolute/fixed layout (non-flexible).

So, it works exactly the same as in your example.

Re: Carousel Design

Posted: Tue Feb 15, 2022 2:06 pm
by rganguly
I just want to set height and width 100vh & 100vw with the absolute positioning of the elements in it. How to do that?

Re: Carousel Design

Posted: Tue Feb 15, 2022 2:14 pm
by crispy68
I just want to set height and width 100vh & 100vw
You can't.

There is no way to have something with flexible width and height and then objects be absolute positioning. As the width and height of the browser changes, the objects need to shift also.

Re: Carousel Design

Posted: Tue Feb 15, 2022 2:15 pm
by Pablo
That is not possible:
Flexible layout = floating elements
Fixed layout = absolute elements

Once again I would like to note that your example (http://wp.dreamitsolution.net/softech/home-5/) is also using flexible layout.

Re: Carousel Design

Posted: Tue Feb 15, 2022 2:45 pm
by rganguly
crispy68 wrote: Tue Feb 15, 2022 2:14 pm
I just want to set height and width 100vh & 100vw
You can't.

There is no way to have something with flexible width and height and then objects be absolute positioning. As the width and height of the browser changes, the objects need to shift also.
Okay, thanks. I do not have any idea about that :cry: . Thanks for pointing me out.

Re: Carousel Design

Posted: Tue Feb 15, 2022 2:45 pm
by rganguly
Pablo wrote: Tue Feb 15, 2022 2:15 pm That is not possible:
Flexible layout = floating elements
Fixed layout = absolute elements

Once again I would like to note that your example (http://wp.dreamitsolution.net/softech/home-5/) is also using flexible layout.
Okay, thanks. I do not have any idea about that :cry: . Thanks for pointing me out.