Vertical Ribbon Header width - Angular, Vue, React, Web Components, Javascript, HTML5 Widgets

Tagged: css, default, Header, jqxRibbon, Ribbon, style, vertical, width

This topic contains 1 reply, has 2 voices, and was last updated by Dimitar 9 years, 8 months ago.

Viewing 2 posts - 1 through 2 (of 2 total)

Author

Vertical Ribbon Header width Posts
March 26, 2015 at 9:30 pm Vertical Ribbon Header width #69209

jbpd
Participant

How can I adjust the width of the header of the Vertical Ribbon. I have a 4-word header/tab title and it wraps. I have plenty of room the right, but can’t figure out how to adjust this. Thanks!

March 27, 2015 at 5:37 am Vertical Ribbon Header width #69218
Dimitar
Participant
Hello jbpd,

I guess you have set the ribbon’s mode to ‘default’. In this case, you can set the width of the header through CSS, as in the demo Vertical Ribbon, where it is set to 115px:
```
<div id="jqxRibbon">
    <ul id="header" style="width:115px;">
        <li>TV and Players</li>
        <li>Cell phones</li>
        <li>Cameras</li>
        <li>Computers</li>
    </ul>
    ...
```
Best Regards,
Dimitar

jQWidgets team
http://www.jqwidgets.com/
Author

Posts

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.