Trying to use the jquery UI / bootstrap "Tabs" Object in a repsonsive layout

Questions related to the Responsive Web Design tools of WYSIWYG Web Builder.
Forum rules
PLEASE READ THE FORUM RULES BEFORE YOU POST:
viewtopic.php?f=12&t=1901

MUST READ:
http://www.wysiwygwebbuilder.com/respon ... esign.html
Please read this first before posting any questions! Also check out the example project to get an idea how the RWD concept works.

Responsive Web Design FAQ:
http://wysiwygwebbuilder.com/forum/view ... 10&t=63817
Post Reply
waynethetodd
 
 
Posts: 43
Joined: Wed May 23, 2018 4:57 pm

Trying to use the jquery UI / bootstrap "Tabs" Object in a repsonsive layout

Post by waynethetodd » Tue Nov 06, 2018 7:25 pm

Hello, I am attempting to use the Tabs object in a responsive layout, I am wondering if there is a way to ellipse (...) the tab names or make them word-break at smaller screen sizes.

Unfortunetly, at the moment with the way I have it set up, the length of the tab labels (the text inside the tab headers) is to long to go below 770 px wide, which makes a problem for my responsive designs.

TL;DR: Is there any way to make the "Tabs" object a little more flexible?

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

Re: Trying to use the jquery UI / bootstrap "Tabs" Object in a repsonsive layout

Post by Pablo » Tue Nov 06, 2018 8:51 pm

I'm sorry, there is no standard solution for this. This requires a custom/third party script.

waynethetodd
 
 
Posts: 43
Joined: Wed May 23, 2018 4:57 pm

Re: Trying to use the jquery UI / bootstrap "Tabs" Object in a repsonsive layout

Post by waynethetodd » Tue Nov 06, 2018 9:04 pm

Alright. Just wanted to make sure. Thank you

Post Reply

Who is online

Users browsing this forum: No registered users and 3 guests