Ana içeriğe geç

Satır İçeriği

RowContent widget'ı, duyarlı düzen için 12 birimlik 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ü

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

  • Field: Form içindeki tek bir alanı temsil eder ve ayrı veri girişi öğeleri için uygundur. Daha az yer kaplar.
  • Section: İlgili alanları gruplandıran bir form bölümünü 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 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 Düzeni

RowContent, CSS tabanlı 12 birimlik bir ızgara sistemi kullanır. Her sütunun Width özelliği, kapladığı birim sayısını belirtir (örneğin, Width değeri 6 olan bir sütun satır genişliğinin yarısını kaplar). Kullanılabilir genişliği aşan sütunlar sonraki satıra kaydırılır.

Biçimlendirme

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

Duyarlı Düzen

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

Yüksekliğe Sığdır

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 ve alt sütunları tarafından kullanılan veri bağlamını oluşturur.
  • Type şunu seçer: Field veya Section; Collapsing şunu 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ı oluşturur; HtmlClass sunumunu belirtir; WidthXS, WidthSM, WidthMD, ve WidthLG ilgili ekran boyutlarındaki genişliğini ayarlar; Align içerik hizalamasını ayarlar.
  • Controls söz konusu sütunda görüntülenen widget'ları içerir. Rules satıra uygulanan kuralları içerir.

Satır bir düzen kapsayıcısıdır. Satırın kendi XPath özelliği ve her sütunun XPath özelliği yalnızca alt widget'ları için bağlam oluşturur; hiçbiri tek başına bir giriş alanı oluşturmaz.

RowContent Yüksekliğe Sığdır

Ö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>