Elements
/
Container

Row

Row

Row elementi genellikle verileri veya içeriği bir sıra veya satır halinde düzenlemek için kullanılan elementtir. Genellikle tablo benzeri düzenlerde veya liste biçimlerinde kullanılır.

Row, 24 farklı kolona bölünebilen yatay bir bloktur. Ön tanımlı olarak tarayıcı penceresi genişliğine göre uyarlanabilir bir genişliğe sahiptir. Değişmez tam bir genişlik ölçüsüne (1200px) sahip olabileceği gibi max (0-1600px) genişlik değeri de alabilir. Row ve içindeki kolonlara farklı ölçülerde padding ile boşluk eklenebilir. Tüm elementler için kapsayıcı (Container) bir elementtir.

Row elementi Header ve Footer haricinde bütün elementler ile birlikte gelmektedir.

Row elementinin temel işlevi ekrana eklediğiniz elementler için yer tutucu bir yapı sağlamasıdır. Bu işlev sayesinde ekrana sürükleyip bıraktığınız elementlerin tasarımsal organizasyonunu yapmaktadır.

Row elementi temel olarak aşağıdaki işlevlerde kullanılmaktadır.

  1. Stil ve Tasarım: Her satırın görünümü, renkleri, yazı tipi boyutları ve arka planı gibi özelliklerle özelleştirilebilir.
  2. Duyarlılık (Responsive Design): Row elementleri, web sitelerinin ve uygulamalarının duyarlı tasarımını desteklemek için kullanılabilir. Bu, farklı ekran boyutlarına ve cihaz türlerine uyum sağlama kapasitesini ifade eder.

Row elementini geliştireceğiniz web veya mobil uygulamalar da kullanabilirsiniz.

Row Ekleme

Row elementini uygulamanız içerisine eklemeniz oldukça kolay. Row elementini eklemek için aşağıdaki adımları izlemeniz gerekmektedir.

  1. UI Design modülünde, sol taraftaki Elements panelini açın.
  2. Elements paneli içerisinde Container kategorisi içerisinden Row’u seçin.
  3. Row elementini ekrana sürükleyin ve bırakın.
  4. Row elementini Properties paneli içerisinden özelleştirebilirsiniz.

Row elementini ekran içerisinde dilediğiniz miktarda kullanabilirsiniz. Kullanım sınırı yoktur.

Row, Horizontal Stack, Vertical Stack, Label, Button, Text Input, Number Input, Icon, Panel, Image, MDViewer, Video Player,Progress Bar, Progress Circle, Badge, Location Search, Email, Text Area, Auto Complete, Select Box, Slider, Range Slider, Check Box, Switch, Date, Date Time, Year Picker, Countdown , Area Chart, Donut Chart, Line Chart, Pie Chart, Bar Chart, Rate, Web View, Signature, Chat , Table, Gallery View , Carausel, Pagination, Flex Grid ve google maps elementlerini Row elementi içerisinde Child element olarak kullanabilirsiniz.

Row elementi içerisine Panel elementi Child element olarak eklenebildiğinden dolayı arkaplanın dinamik olarak değişimini sağlayabilirsiniz. Bu doğrultuda arkaplana dinamik renk ve/veya görüntü ekleyebilirsiniz.

Header ve Footer elementleri Row elementi içerisinde Child elementler olarak kullanılamaz.

Sözlük

No items found.

Alt Başlıklar