Login Register

layout

Basic BorderContainer Functionality

It would seem that I don't fully understand the way BorderContainer is suppose to function. I've boiled down my code to what I hope is a short enough example. First the code, then I'll note the issues I am having with this test case.

@import "dojo/dijit/themes/tundra/tundra.css";
@import "dojo/dojo/resources/dojo.css";

 

dojo.require("dojo.parser");
dojo.require("dijit.layout.ContentPane");

dijit.layout.BorderContainer doesn't look right

I've been playing with this dijit.layout.bordercontainer for a while now, why is this so difficult?

Ultimately, I'm trying to set up a calendar layout which takes up the entire screen. If I have to use a fixed width, that is ok, too. For now, though, I'm just trying to make a very simple bordercontainer. Here is my code so far, why does this display so ugly?

EBS Portal - ControlM Calendar

Some suggestions

1
It's better for DOJO to make a widget just like "CaseCadingDropDown" in MicroSoft-Asp.net's AjaxToolkit.
We know , we always have to make two "" or more when we want to make "Country-Town-Street-PostCode" select .
So why don't we just make a widigt called "CaseCadingDropDown" like MicroSoft called ?
I think this widigit will be very helpful , I have found so many questions about "How to make FilterSelect dynamic" in this forum.

2
The "ItemFileReadSotre" must be extended.
Right now , I use "FilterSelect" and "ItemFileReadSotre" to make my "CaseCadingDropDown" ,

Position of programmatically created grid, cell header position.

Hi. I am creating a grid programmatically, and I have the following problems:

* I can't get the grid to position where I want unless I use a BorderContainer to put the grid in.
* Cell headers are printed over the first row of data in the grid
* Tundra CSS theme seems not to be working.

Why do I need BorderContainer? How do I fix the cell headers? How do get the tundra theme to work?

Full working code example (Sorry for long post, i cut the file into blocks for highlighting).

When is the best time to call addChild on layout containers?

I can't find this answer in the Book of Dojo. I'm nesting layout containers inside layout containers. When should I call addChild() to add it to the parent container?

Should I add them as I create them?....

var bc1 = new dijit.layout.BorderContainer(...);
var bc2 = new dijit.layout.BorderContainer(...);
bc1.addChild(bc2);
var bc3 = new dijit.layout.BorderContainer(...);
bc2.addChild(bc3);

...or should I create all of them first, and then add them together at the end?

var bc1 = new dijit.layout.BorderContainer(...);

Grids rows misaligned in layout with multiple views

I have a Grid where the model is dynamically created (as a dojox.grid.data.Objects object) from Ajax JSON data. Certain fields can contain quite long text data, so I am specifying widths (in em) in the view definition. When I use a layout structure with a single view I have no problems with the initial display. However, I would like to use a layout structure with first two columns in a fixed (noscroll: true) view and the remaining columns in a separate, scrolling view.

layout widgets overlap inside AccordionPane

I'm trying to align some form fields within an accordion pane, and I'm not allowed to use html table. I tried using LayoutContainer or SplitContainer and ContentPane, but the ContentPane's all overlap. Is there a solution?

Pane 1

Trouble with dynamic creation of AccordionPanes

I have some script that programatically creates AccordionPanes based on information it finds via a datastore. I inserted in some alerts such that I could debug the code. It works with the alert in place ... however when I remove the alert statement, only one of the AccordionPanes (the selected one) is visible. I have looked at the generated page source, and the other AccordionPanes are being generated .. they just are not visible.

Here is my script:

dojo.addOnLoad(function() {
// Get the datasource description for the accordion panes

set initial dimension of contentPane on SplitPane

Hi at all
i have one problem on setting the initial size (width) of the AccordionPane who reside on a split pane:

I have this code:

CSS

html, body { height: 100%; width: 100%; margin: 0; padding: 0; }
 #left { width: 100px }

HTML

Introducing BorderContainer

Try out the new dijit.layout.BorderContainer widget, now available in trunk. This widget combines the functionality of the LayoutContainer and SplitContainer widgets, and does so with a smaller and simpler implementation.

Syndicate content