Obsah fóra www.proxima-soft.sk www.proxima-soft.sk
Px Framework - ASP.NET komponenty pre rýchly vývoj databázových aplikácii
 
 FAQFAQ   HľadaťHľadať   Zoznam užívateľovZoznam užívateľov   Užívateľské skupinyUžívateľské skupiny   RegistráciaRegistrácia 
 NastaveniaNastavenia   Súkromné správySúkromné správy   PrihláseniePrihlásenie 
Zarovnanie prvkov PxEdit, PxComboBox...?

 
Pridať novú tému   Zaslať odpoveď    Obsah fóra www.proxima-soft.sk -> PxEdit - komponenta pre editáciu dát
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

Príspevok Zaslal: piatok, 21 januára 2011, 09:47    Predmet: Zarovnanie prvkov PxEdit, PxComboBox...?

Ako sa dajú zarovnať prvky PxEdit, PxComboBox...?
Návrat hore
Zobraziť informácie o autorovi Odoslať súkromnú správu
admin



Založený: štvrtok, 17 júna 2010, 00:00
Príspevky: 49
Bydlisko: Fatranská 1, B.Bystrica

Príspevok 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
Zobraziť informácie o autorovi Odoslať súkromnú správu
Pridať novú tému   Zaslať odpoveď    Obsah fóra www.proxima-soft.sk -> PxEdit - komponenta pre editáciu dát Časy uvádzané v GMT + 1 hodina