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
8
votes
2 answers

directive link function execution order

I'm kind of new in all this angular... I have a custom directive, lets call it myDar. Inside this directive I define a link function. In my html I want to to use multiple nested tags of this directive as follows:
julius_am
  • 1,422
  • 2
  • 23
  • 42
7
votes
1 answer

jquery ui layout customization

I like to make the ui-layout-west section fixed width and like to hide the resizable bar. I tried this but I still see the right border of ui-layout-pane. on css: .ui-layout-west { background: #F8F8FF !important; width: 300px…
user1471980
  • 10,127
  • 48
  • 136
  • 235
4
votes
2 answers

jQuery UI Layout and Constraining Dialogs to the Central Pane

I am trying to create a full page interface using the excellent jQuery UI Layout plugin. I want the central pane to hold multiple dialogs and allow them to be contained within that pane. So far so good. However, I also want to be able to drag the…
Lee Taylor
  • 7,761
  • 16
  • 33
  • 49
3
votes
1 answer

Panes do not change size when Zoom Out in browser

I can not figure what is wrong with my HTML so jquery-ui-layout library does not want to recalculate widths/heights of containers when Zooming Out in Browser (Chrome/Firefox). In my HTML all white panes are connected to each other but when I Zoom…
yaru
  • 1,260
  • 1
  • 13
  • 29
3
votes
2 answers

How to make JQuery UI Layout Plugin work inside Boostrap body-content div

We have been using JQuery UI Layout Plugin for most of our projects. We have started a new project that uses Bootstrap as the framework. We attempted a simple layout example, using Bootstrap containers, but the layout will not render, in fact no…
JasonWilczak
  • 2,303
  • 2
  • 21
  • 37
2
votes
1 answer

datetimepicker showing behind south pane

I have problem showing the datetimepicker in jquery ui layout it will show behind the south pane. see fiddle
Center

Go to the Demos page

*…

jemz
  • 4,987
  • 18
  • 62
  • 102
2
votes
1 answer

formediting modals shows at wrong position

When I moved from triand-jqGrid 4.6.0 to free-jqGrid 4.8.0 formediting broke This is because my jqGrid is inside a div with position: absolute; z-index: 0; so when the edit modal is rendered inside the gbox div of the jqGrid and the overlay is…
RoyceBautista
  • 100
  • 8
2
votes
1 answer

Angular ui layout - how to set width dynamicaly

In the angular-ui-layout module, to set the size we need to pass a value like
is it possible to pass a model, so when ever model value gets changed, the size of the panel should also change. Expecting:
Siva Kumar
  • 715
  • 1
  • 7
  • 21
2
votes
1 answer

jQuery UI Layout: How to get the 3 toggler buttons for close, resize, full mode of showing panel

My requirement refers to the demo referred in jQuery UI Layout I need to get the 3 togglers as demonstrated above but my integration is not showing me the three coloured toggler buttons. I checked the loading of the content on the pages on demo and…
GOK
  • 2,338
  • 6
  • 34
  • 63
2
votes
0 answers

Resizing with sizePane yields wrong animation in jquery-ui-layout

I have two nested layouts the mainLayout and the westlayout which looks like this: ____________________________ | | | | | | | W-C | | | | C …
Chris
  • 7,675
  • 8
  • 51
  • 101
2
votes
0 answers

jQuery UI Layout: Set which pane must be closed everytime that a specific slide button is clicked

I'm using JQuery UI Layout and I did not find an answer in official documentation.... I have an UI Layout, with a noth pane and a south one divided in west and east. East is divided in north and south. When I click on slider button to completely…
Luca Detomi
  • 5,564
  • 7
  • 52
  • 77
1
vote
1 answer

jQuery UI Layout - is it possible to change attributes of panes AFTER they load?

I have a pane that it part of a set of panes created using the plugin jQuery UI Layout. This pane has a "toggle" button with a certain height and width (I made it an obnoxious value just to demonstrate). $('body').layout({ applyDefaultStyles:…
AlbatrossCafe
  • 1,710
  • 6
  • 26
  • 49
1
vote
0 answers

AutoResize does not work properly in ui-grid

I don't specified a width or height for the grid and used "ui-grid-auto-resize". It is working but not properly. There is just a small piece of grid over and therefore i see the scrollbars for that specific area (defined by ui-layout splitter). What…
Asqan
  • 4,319
  • 11
  • 61
  • 100
1
vote
0 answers

jquery ui layout close side pane not working properly

I'm using jQuery UI Layout Plug-in in my code. I have created 3 panes namely west,center & east pane. In center pane, i have added 2 canvas element, the first canvas element contains a circle drawn on it & the second canvas element is empty. At the…
Ruchi Prasad
  • 84
  • 9
1
vote
1 answer

How to size div height to content in jQuery UI Layout

I'm trying to get a simple vertical splitter bar working using jQuery UI Layout 1.30.0.3079-rc. Here is my test page: jQuery UI Layout Vertical Splitter
Christian Hayter
  • 30,581
  • 6
  • 72
  • 99
1
2 3