Seção & Coluna de Seção.

Os Section componentes e SectionColumn fornecem um layout responsivo em múltiplas colunas para organizar campos de formulário e conteúdo. As colunas são dispostas horizontalmente e automaticamente se enrolam para a próxima linha quando a largura disponível é limitada.

Colunas

Coloque um ou mais SectionColumn componentes dentro de um Section. As colunas se distribuem uniformemente ao longo da largura disponível. Use ColumnCount para definir explicitamente o número de colunas (1-4); se omitido, o padrão é o número de SectionColumn filhos.

Largura mínima da coluna

Defina ColumnMinWidth no Section para controlar quando as colunas enrolam para a próxima linha. Quando a largura disponível por coluna cai abaixo desse limite, as colunas se empilham verticalmente. O padrão é .340px

Larguras das Colunas

Use Width em um SectionColumn para dar uma parte maior ou menor da carreira. Larguras são razões, não percentuais de CSS: três colunas com Width="3", Width="4", Width="3" dispostas como 30% / 40% / 30% (3 + 4 + 3 = 10 partes). Colunas sem recurso Width para a distribuição padrão de igualdade.

Cabeçalhos e rodapés

Tanto Section os parâmetros suporte HeaderTextSectionColumn /Header quanto FooterText/Footer. Use HeaderText para títulos de texto simples ou Header para conteúdo personalizado de fragmentos de renderização.

Fronteiras

Coloque BorderVisible="true" em um Section ou SectionColumn para exibir uma borda ao redor dele. As bordas podem ser definidas independentemente na seção e em cada coluna.

Orientação de Conteúdo

Por padrão, os componentes do editor dentro de um SectionColumn estão empilhados verticalmente. Configure ColumnContentOrientation="ComponentOrientation.Horizontal" para disposição horizontal. Use HorizontalGap e VerticalGap controle o espaçamento entre os itens.