Client Framework

Home » Client Framework » Forum » panelSet or panelLayout

panelSet or panelLayout

15 January, 2008 - 23:09 — nbourdeau

What is the main difference of these differents widgets.
Wich one is for wich purpose ?
Does somebody have used these widgets ? and for what use ?

I just want more information on how and WHEN to use theses widgets.

Thanks!

‹ wait cursor? Reference Back-links ›

panelSet or panelLayout

16 January, 2008 - 10:16 — yudi

Hi nbourdeau,

The main differences between these widget:
1. PanelLayout is faster and lighter than panel set.
2. PanelLayout has no splitter and system skin

It is up to you when you use panelLayout or panelSet if you want to have fixed row and colomn size panel, then you can use panelLayout. But if you want to have more flexible panel, then you can use panelSet. The panelLayout widget is a lighter version of the panelSet widget that provides better performance in exchange for reduced functionality.

thank you!

16 January, 2008 - 13:27 — nbourdeau

thank you!

align center !!!

16 January, 2008 - 15:39 — nbourdeau

i'm not able to align the content of a panelLayoutItem to center !!!
why ??

align center

16 January, 2008 - 17:40 — yudi

Hi nbourdeau,

You can try the following example:

<b:panelLayoutItem backgroundColor="#99FF99" ><div style="height:200px;display: table-cell;vertical-align: middle;text-align:center;">
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</div>
</b:panelLayoutItem>

The problem is you have to know the height of your panellayoutItem otherwise the vertical-align:middle; does not work.

again antoher problem with

17 January, 2008 - 18:56 — nbourdeau

again antoher problem

with panelLayout : when inserting two box widgets in the same panelLayoutItem, the second box
height is going over the screen (beyond the browser window)
why ?
it is only happening when inserting two boxes one after another.

here is the code

<b:panelLayoutItem padding="5px">
                <b:box height="230px" overflow="auto">
                    Information
                    <table cellpadding="5px">
                        <tr>
                            <td>Summary :</td>
                            <td>
                                <input type="text" id="txtSummary" style="width:500px;"/>
                            </td>
                        </tr>
                        <tr>
                            <td>Description :</td>
                            <td>
                                <textarea rows="8" cols="" style="width:500px;"></textarea>
                            </td>
                        </tr>
                    </table>
                </b:box>
                <b:box margin="5px 0 0 0" overflow="auto">
                    Details
                    <table>
                        <tr>
                            <td>Prop1</td>
                            <td></td>
                        </tr>
                        <tr>
                            <td>Prop1</td>
                            <td></td>
                        </tr>
                    </table>
                </b:box>
        </b:panelLayoutItem>

inserting two box widgets in the same panelLayoutItem

24 January, 2008 - 15:08 — yudi

Hi nbourdeau,

I tried to reproduce your case by adding your code to my panelLayoutItem and both two boxes are shown inside the panelLayoutItem . May be it happens because your panelLayoutItem size is smaller than your two boxes combine together.