ForgeComponente
ro

Componente

j-Rows

jComponent 20 · jcomponent@20 component Exemplu încărcat cu jComponent 20

Componenta Rows este o alternativa foarte simplă la j-Layout si j-Layout2.


Configurarea:

  • parent {String} poate conține un selector parent, window sau jQuery pentru metoda closest (default: window)
  • margin {Number} adăuga marja la height (default: 0)
  • marginlg {Number} adaugă marginea la height pentru afișarea LG (default: margin)
  • marginmd {Number} adaugă marginea la height pentru afișarea MD (default: margin)
  • marginsm {Number} adaugă marginea la height pentru afișarea SM (default: margin)
  • marginxs {Number} adaugă marginea la height pentru afișarea XS (default: margin)
  • noborder {Boolean} este limită de defecțiune (default: false)
  • fontsize {Boolean} permite dimensiunea de font în funcție de mărimea rândurilor

bine să știi:

Fiecare rând trebuie să fie încorporat în <section>, încercați să înțelegeți din exemplu.

Atributele:

  • data-size conține o dimensiune a secțiunii LG,MD,SM,XS --> în pixeli sau procente, de exemplu: 200,200,200,0 (0 înseamnă ascuns)
  • Secțiunea fără atribut de data-size va fi calculată din valoarea reziduală

Utilizați-l cu <ui-component name="rows">Când componenta nu este încă încărcată, jComponent Descărcați-l la prima utilizare de la adresa DEF.fallback (în cazul Componentator Autor: Peter Širka. sursă: Componentator Componente de stocare, MIT licență.

example.html
<style>body { padding: 0; margin: 0; }</style>

<ui-component name="rows" config="parent:window" class="hidden invisible">
	<section data-size="33%">Top panel</section>
	<section>Main</section>
	<section data-size="33%">Bottom panel</section>
</ui-component>