Stack Overflow
Stack Overflow

Questions tagged [jquery-ui-layout]

jQuery UI Layout is a plugin for jQuery UI that helps to layout HTML elements in border layouts and adds functionality to resize, close and hide each panel of the layout.

jQuery UI Layout is a plugin for jquery UI that helps to layout HTML elements in border layouts and adds functionality to resize, close and hide each frame of the layout.

The UI Layout plug-in can create any UI look you want - from simple headers or sidebars, to a complex application with toolbars, menus, help-panels, status bars, sub-forms, etc.

Plug-in site

36 questions
1
vote
0 answers

Setting layout.sizePane("west") after changing the width of layout div

Am creating layout for a container div, which has two divs inside, one is west pane and another in center pane, now am changing the width of the container div and then trying to set the "west pane" size to fill the entire container div, its not…
Amar
  • 1,906
  • 2
  • 16
  • 26
1
vote
2 answers

Firefox Select issue with jQuery UI Layout

I'm running into a strange and obscure issue in jQuery UI-layout. I have a dropdown in one of my panes, and whenever you click on it, it opens, but you can select anything. The issue seems to have occured in the past, as documented…
streetlight
  • 5,968
  • 13
  • 62
  • 101
1
vote
1 answer

jQuery UI layout plug-in OVERFLOW setting

jsFiddle is provided for better illustration. In this case I am using two plugins: jQuery UI layout plugin & Trent datetime picker plugin. The pop-up datetime picker will be blocked by the west pane resize bar. If I set option…
sozhen
  • 7,627
  • 14
  • 36
  • 53
0
votes
0 answers

jquery ui-layout maintain scroll position of scrollbar in west-pane

i am using jquery ui-layout to create 4 panes: north, west, main, east. Inside the west pane i placed an accordeon-sidebar within a treeview. The treeview is very large so a scrollbar appear next to the west-pane. All fine! Now i scroll down, click…
user6625547
  • 121
  • 11
0
votes
0 answers

ui-layout stateManagement did not load previus state after reload

i am using ui-layout and i like to save the state of the panes. So when the users reloads the site it should open the panes as he left it before. I found the option stateManagement and set it to true. But it wont work. If i resize the west-pane and…
Mike
  • 693
  • 1
  • 13
  • 31
0
votes
1 answer

Jquery UI layout is not working in typescript

I'm using Jquery UI layout in typescript i have installed jquery, jquery-ui and jquery.ui.layout and this my following code app.component.html
Center
North
Shazvan Hanif
  • 361
  • 3
  • 20
0
votes
0 answers

AngularJS and jQuery UI Layout compativility

I'm struggling for already a couple of days to get a very basic layout using JQuery UI Layout (downloaded from here). Following is the ng-includeed page:
FDavidov
  • 3,505
  • 6
  • 23
  • 59
0
votes
1 answer

jQuery UI Layout 'floating buttons'

I use the jQuery UI Layout plugin in my application, but users seems to have some problem with toggling the west and east panels. This because the toggler-buttons are relatively small. Google has a nice 'flap' floating button (See image), I would…
Rob Audenaerde
  • 19,195
  • 10
  • 76
  • 121
0
votes
1 answer

DateTimpicker not showing properly in jquery ui layout

How can I make the datetimepicker work properly in the jquery ui layout. the datetimepicker is not showing when I click on the textfield it is behind in the south pane. see fiddle
North
jemz
  • 4,987
  • 18
  • 62
  • 102
0
votes
1 answer

Jquery UI Layout - Resize while resizing?

in this example http://layout.jquery-dev.net/demos/toggle_alternate_layouts.html you can see that the resize is "on the fly". I think it is the option "resizeWhileDragging: true" but it dont work in my example -> http://jsfiddle.net/FrbW8/28/ My…
Peter
  • 11,413
  • 31
  • 100
  • 152
0
votes
1 answer

jQuery UI Layout - How change a pane's options and dynamically apply them without toggling the pane open/closed?

http://jsfiddle.net/jc3rj681/2/ Using the plugin jQuery UI Layout, I have several different panes. When the user resizes the window to a small size, I would like to call a function that changes the minsize and size of the pane so that I can make it…
AlbatrossCafe
  • 1,710
  • 6
  • 26
  • 49
0
votes
1 answer

How to make text vertical in a jQuery UI Layout toggler?

I am using the jquery-ui-layout plugin in a website: jQuery UI Layout Hompage There are options togglerContent_open and togglerContent_closed that allow you to place html inside of the toggler. I want to include text in my EAST pane, but my problem…
AlbatrossCafe
  • 1,710
  • 6
  • 26
  • 49
0
votes
2 answers

Trouble with jQuery UI layout and jQuery UI tabs

I am trying to create a layout structured like this: north pane center pane a header div a notebook-like tab panel with at least one tab a footer div header div and footer div has to be always visible, the tab should take all remaining space…
mguijarr
  • 7,641
  • 6
  • 45
  • 72
0
votes
1 answer

jQuery UI Layout - Function on hide/show pane

I'm trying to trigger a function when I toggle a pane. I cannot find a way to "listen" to on click method of these little buttons (red circles of the picture). This is what I tried for the west…
lucasdc
  • 1,032
  • 2
  • 20
  • 42
0
votes
1 answer

Use jQuery UI Layout to make 2x2 panels

I'm trying to make a clone of jsfiddle. This is a 2x2 layout. I found jQuery-UI Layout which works perfectly... accept it seems to require a "center" pane, which doesn't exist in a 2x2 layout. How can I disable the "center" pane? Or how can I make a…
Don P
  • 60,113
  • 114
  • 300
  • 432
1
2
3