|
www.proxima-soft.sk Px Framework - ASP.NET komponenty pre rýchly vývoj databázových aplikácii
|
Zobrazi predchádzajúcu tému :: Zobrazi nasledujúcu tému |
Autor |
Správa |
Ján F.
Založený: utorok, 20 júla 2010, 00:00 Príspevky: 31 Bydlisko: B.Bystrica
|
Zaslal: piatok, 21 januára 2011, 09:47 Predmet: Zarovnanie prvkov PxEdit, PxComboBox...? |
|
|
Ako sa dajú zarovnať prvky PxEdit, PxComboBox...?
|
|
Návrat hore |
|
|
admin
Založený: štvrtok, 17 júna 2010, 00:00 Príspevky: 49 Bydlisko: Fatranská 1, B.Bystrica
|
Zaslal: piatok, 21 januára 2011, 09:56 Predmet: Polohovanie a zarovnanie prvkov PxEdit: |
|
|
Keď do súboru *.aspx, zadáme komponenty PxEdit, jednu za druhou, dôjde nám ku nesúmernému rozhádzaniu prvkov, viac uvidíte na obrázku:
Toto nesúmerné rozhádzanie môžeme napraviť nasledujúcim spôsobom: Ku každému prvku zadefinujeme property AddTableRow a tu nastavíme na hodnotu True;
kód: | <Prx:PxEdit ID="edtIDADRESAR" runat="server" AddTableRow="True" ></Prx:PxEdit> |
Každá komponenta PxEdit je zložená z nasledujúcich prvkov v tomto poradí:
kód: | Label + TextBox + Label alebo Button |
Táto zapnutá property nám medzi tieto komponenty vloží tabuľkový riadok. V praxi to vyzerá nasledovne:
kód: | <tr><td>Label + <td>TextBox +<td> Label alebo Button<td> |
Pri prvom prvku nastavíme ešte property TableBegin na True. V praxi to vyzerá nasledovne:
kód: | <Prx:PxEdit ID="edtIDADRESAR" runat="server" AddTableRow="True" TableBegin="True" ></Prx:PxEdit> |
Pri poslednej komponente PxEdit v poradí nastavíme zase property TableEnd na True. V praxi to vyzerá nasledovne:
kód: | <Prx:PxEdit ID="edtCREATE_DATE" runat="server" AddTableRow="True" TableEnd="True" ></Prx:PxEdit> |
Takto to môžeme aplikovať na celý kód, a ten bude vyzerať nasledovne:
kód: | <Prx:PxEdit ID="edtIDADRESAR" runat="server" AddTableRow="True" TableBegin="True" ></Prx:PxEdit> <Prx:PxEdit ID="edtName" runat="server" AddTableRow="True" ></Prx:PxEdit> <Prx:PxEdit ID="edtADDRESS" runat="server" AddTableRow="True" ></Prx:PxEdit> <Prx:PxComboBox ID="cmbPravnaForma" runat="server" AddTableRow="True" ></Prx:PxComboBox> <Prx:PxJSDatePicker ID="edtCREATE_DATE" runat="server" AddTableRow="True" TableEnd="True" > </Prx:PxJSDatePicker> |
Keď budeme mať property AddTableRow, TableBegin a TableEnd správne nastavené, potom, by sa nám mali prvky správne zoradiť a zarovnať, viacej na obrázku:
|
|
Návrat hore |
|
|
|