Login Register

layout

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.

Dojo grid dynamic structure

Hi all!

How can I create dynamic grid layout structure upon structure defined in database table?

for example:
1.) have a table A. In it are only table names of tables for which I want to make grids
2.) I want to take "show columns for chosen table" the column names and column data types and upon them dinamically create layout cell structure.

Bellow is example of hard coded layout structure from dojo grid test example. What I want is to dynamically fill the cell array of column structure from db table;

var gridLayout = [
{ type: "dojox.GridRowView", width: "20px" },

uhmm. an example spanning dojo/dijit/dojox

So I got bored last night, and started out making a little container demo using the AOL CDN dojo.js (1.0) ... It covers dumping dojo on a page, the css required, dojo.query, dojo.connect, dojo.NodeList (a little), dijit.form.Button simple use case (and interacts with another button on the page), and using dojox.fx.smoothScroll to animate scrolling to named anchor links in a page (foo.html#part1) ...

Syndicate content