Side-by-side widgets

[mpottsParticipant]

I am just starting to work with jQWidgets and have newbie question. How can I arrange widgets side-by-side? By default they are rendered vertically. I could put them in a jqxToolBar but that seems overkill for what I want.

[adminKeymaster]

Hi mpotts,

You can use CSS to arrange HTML Elements. Like the “float” CSS property. Ex: http://www.w3schools.com/cssref/pr_class_float.asp

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com

[mpottsParticipant]

Thanks Peter, that worked.

I want to group a number of widgets such as jqxDateTimeInput and others into a “header” as filter parameters for a jqxGrid display. I have them working stand alone but wondered if I should put them into some sort of container widget for grouping and/or theme formatting and if so what to use.

I looked at jqxToolBar but couldn’t find information on how to include static text or a custom widget. I recall viewing a demo sample that implemented a complex multi-line “menu” similar to MS Word but can’t seem to find it again.

Mark

[Peter StoevKeymaster]

Hi mpotts,

Word uses RibbonBar and we have RibbonBar. Ex: http://www.jqwidgets.com/jquery-widgets-demo/demos/jqxribbon/index.htm#demos/jqxribbon/javascript-ribbon-with-grid.htm

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com

[Author]

Posts