PDA

View Full Version : Added a new "Component" gadget type in RC5.8



barrymavin
2013-06-13, 00:25
In RC5.8 I've done quite a lot of improvements to the page builder including a new "Component" gadget type. This can be used to embed UI Pages inside a gadget in a Form section. For example, you can design a canvas section and then embed that as a gadget inside a form section. Component gadgets are always loaded from the UI page library so you can now have one UI component that you use throughout many apps or pages.

There is also a new "Grid" gadget type.

Gadgets can now be rendered inline (not occupying a complete column) and their height can be fixed. They can also auto stretch taking up all the available width of a section.

There are also many tablet-oriented improvements as I finalize the v1.0 release.

hmischel@diligentsystems.com
2013-06-13, 06:36
Excellent -

cyrilbaskir
2013-06-18, 01:18
There is also a new "Grid" gadget type.

When would you use a Grid gadget versus a grid section?

barrymavin
2013-06-18, 01:24
In single page apps where you want to be able to select from a list of items and have them displayed in that same section. Look at the example_gridgadget app and the example_tabletui app.

hmischel@diligentsystems.com
2013-06-18, 16:37
If I recall correctly, a canvas section in a component is supported in the web app.

Will the component gadget automatically resize just lik a standard gadget?

Thanks.

Herb

barrymavin
2013-06-18, 16:49
Yes. Lianja has a complete responsive UI layout engine built in.

hmischel@diligentsystems.com
2013-06-18, 17:08
outstanding!!

I have another question. When using a grid section, I have just been dragging my table onto the grid and I am off to the races.
When adding a grid gadget, what is the correct (best) way to populate the grid?

I tried using additems in the init event, but that didnt work for me. Am I suppose to put something in the data source?

Thanks.

Herb

HankFay
2013-06-18, 17:56
outstanding!!

I have another question. When using a grid section, I have just been dragging my table onto the grid and I am off to the races.
When adding a grid gadget, what is the correct (best) way to populate the grid?

I tried using additems in the init event, but that didnt work for me. Am I suppose to put something in the data source?

Thanks.

Herb

Hi Herb,

I just had to play with this, so I replicated the grid gadget example.

1) create page, add form section.

2) drag table onto form section

3) add grid gadget to form section: notice that it picks up all the fields. Removed fields I didn't want, and checked "refresh section on change"; set the Fixed Width to 320.

4) added subtitle dividers; dragged fields into their appropriate subtitles (remembering to drag in reverse order to make life easier).

This is great stuff. I can see creating a page with a form section where I have custom search fields on top of a grid, saving that into the page library, and showing in showdialogpanel.

Hank

cyrilbaskir
2013-06-18, 18:19
I just had to play with this, so I replicated the grid gadget example.
Hank

An alternative is to add the grid gadget, then drag across the fields wanted (from Columns on bottom left).

Using a grid section, one can set things like the important "Stretch last column" to False. How does one set that with a grid gadget?

barrymavin
2013-06-18, 20:32
The table name or SQL select statement.