Ana içeriğe geç

Satır İçeriği

RowContent widget'ı, duyarlı yerleşim için 12 birimli bir ızgara sistemi kullanarak alt widget'ları satır içinde yatay olarak düzenler. Üst kapsayıcısının genişliğini dolduracak şekilde otomatik olarak genişler.

Widget Türü

Type özelliği görsel sunumu ve davranışı tanımlar:

  • Field: Form içindeki tek bir alanı temsil eder; ayrı ayrı veri girişi öğeleri için uygundur. Daha az yer kaplar.
  • Section: Form içindeki ilgili alanları gruplandıran bir bölümü temsil eder. Daha fazla yer kaplar ve görsel olarak ayırt edilir. Bölümler expand/collapse işlevselliğini destekler.

Etiket

RowContent için bir başlık sağlamak üzere Label özelliği kullanılarak etiket eklenebilir. Etiket satır içeriğinin üzerinde görüntülenir. Etiket belirtilmezse görüntülenmez.

Sütunlar ve Izgara Yerleşimi

RowContent, CSS tabanlı 12 birimli bir ızgara sistemi kullanır. Her sütunun Width özelliği, kaç birim kapladığını belirtir (örneğin, 6 değerine sahip bir Width satır genişliğinin yarısını kaplar). Kullanılabilir genişliği aşan sütunlar bir sonraki satıra kayar.

Stil

RowContent widget'ının görünümü stil özellikleriyle (arka plan rengi, metin rengi, yazı tipi stili—kalın, italik) özelleştirilebilir. Bu stiller, belirli koşullara dayalı biçimlendirme kuralları kullanılarak geçersiz kılınabilir.

Duyarlı Yerleşim

Sütun genişlikleri farklı ekran boyutlarına (küçük, orta, büyük) göre ayarlanabilir. Varsayılan genişlik orta boy ekranlar için geçerlidir. Diğer ekran boyutlarının genişlikleri birbirinden bağımsız olarak ayarlanır; belirtilmediğinde ekran boyutu, kendisinden küçük bir sonraki boyutun genişliğini devralır. Belirli bir cihaz türünde sütunu gizlemek için o boyutun genişliğini 0 olarak ayarlayın.

Yüksekliğe Uydur

Varsayılan olarak RowContent yüksekliği, alt öğelerine uyum sağlayacak şekilde dinamik olarak ayarlanır. Yüksekliği sabitlemek için FitHeight değerini trueolarak ayarlayın. İçerik sabit yüksekliği aşarsa dikey kaydırma çubuğu görünür.

XML Alanları

  • XPath satırın ve alt sütunlarının kullandığı veri bağlamını belirler.
  • Type seçer Field veya Section; Collapsing seçer None, Expanded, ya da Collapsed ilk bölüm durumu için. FitHeight sabit yükseklik davranışını denetler.
  • Label/Content isteğe bağlı satır başlığını sağlar. Style satır sunum ayarlarını içerir.
  • Her Columns/Column duyarlı bir ızgara alanı tanımlar. XPath veri bağlamını belirler; HtmlClass sunumunu belirtir; WidthXS, WidthSM, WidthMDve WidthLG ilgili ekran boyutlarında genişliğini ayarlar; Align içerik hizalamasını ayarlar.
  • Controls söz konusu sütunda görüntülenen bileşenleri içerir. Rules satıra uygulanan kuralları içerir.

Satır bir düzen kapsayıcısıdır. Kendisi XPath ve her sütun XPath yalnızca alt bileşenleri için bağlam oluşturur; hiçbiri tek başına giriş oluşturmaz.

RowContent Fit Height

Örnek

Tek sütunlu satır içeriği.

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
<RowContent XPath="" Type="Field" Collapsing="None" FitHeight="False">
    <Rules />
    <Label>
        <Content><![CDATA[My Label]]></Content>
    </Label>
    <Columns>
        <Column XPath="" HtmlClass="" WidthXS="0" WidthSM="0" WidthMD="0" WidthLG="0" Align="Left">
            <Controls />
        </Column>
    </Columns>
</RowContent>

Örnek

Her biri 6 birim genişliğinde iki sütunlu satır içeriği.

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
<RowContent XPath="" Type="Field" Collapsing="None" FitHeight="False">
    <Rules />
    <Label>
        <Content><![CDATA[My Label]]></Content>
    </Label>
    <Columns>
        <Column XPath="" HtmlClass="" WidthXS="0" WidthSM="0" WidthMD="6" WidthLG="0" Align="Left">
            <Controls />
        </Column>
        <Column XPath="" HtmlClass="" WidthXS="0" WidthSM="0" WidthMD="6" WidthLG="0" Align="Left">
            <Controls />
        </Column>
    </Columns>
</RowContent>