Sección y ColumnaSección

Los Section componentes y SectionColumn proporcionan un diseño responsivo de múltiples columnas para organizar los campos y contenidos del formulario. Las columnas se colocan horizontalmente y se envuelven automáticamente a la siguiente fila cuando se limita el ancho disponible.

Columnas

Coloca uno o más SectionColumn componentes dentro de un Section. Las columnas se distribuyen uniformemente a lo largo del ancho disponible. Usar ColumnCount para establecer explícitamente el número de columnas (1-4); si se omite, por defecto se asigna al número de SectionColumn hijos.

Anchura mínima de columna

Ponlo ColumnMinWidth en Section el para controlar cuándo las columnas pasan a la siguiente fila. Cuando el ancho disponible por columna cae por debajo de este umbral, las columnas se apilan verticalmente. Por defecto es 340px.

Anchos de columna

Úsalo Width en una SectionColumn para darle una parte mayor o menor de la fila. Los anchos son proporciones, no porcentajes CSS: tres columnas con Width="3", Width="4", Width="3" dispuestos como 30% / 40% / 30% (3 + 4 + 3 = 10 partes). Columnas sin opción Width a la distribución por defecto de igualdad.

Cabeceras y pies de página

Tanto Section los SectionColumn parámetros de soporte HeaderText/Header como FooterTextde /Footer . Úsalo HeaderText para encabezados de texto sencillos o Header para contenido personalizado de fragmentos de renderizado.

Fronteras

Ponlo BorderVisible="true" en un Section or SectionColumn para mostrar un borde alrededor. Los bordes pueden establecerse de forma independiente en la sección y en cada columna.

Orientación al contenido

Por defecto, los componentes del editor dentro de a SectionColumn están apilados verticalmente. Configura ColumnContentOrientation="ComponentOrientation.Horizontal" para colocarlos horizontalmente en su lugar. Usar HorizontalGap y VerticalGap para controlar el espaciado entre objetos.