Layout
Crono Pad permite incluir rejillas utilizando la funcionalidad de Grid CSS. Esto permite construir un layout para el contenido del documento, pudiendo distribuir las gráficas y tablas convenientemente.
RECUERDA
El código Crono Markdown utilizado para generar esta página está disponible en el repositorio Github del proyecto
A continuación se muestra ina disposición en 3 columnas. Se han añadido algunas propiedades CSS para que se identifique mejor cada una de las celdas de la rejilla.
Este es la primera celda.
Esta es la segunda celda.
Esta es la tercera celda.
Crono Pad ofrece flexibilidad para añadir propiedades CSS tanto al contenedor o a cualquiera de las celdas. Se puede asignar directamente la propiedad style de CSS, pero se puede utilizar una sintaxis más sencilla asignando directamente propiedades como MinHeight, BackgroundColor, gap, border, Padding.
Este es la primera celda.
En esta segunda celda.
Esta es la tercera celda.
Este es la cuarta celda.
Esta es la quinta celda.
Esta es la sexta celda.
Se pueden definir columnas de distintos tamaños y se puede especificar el GridRow o GridColumn para que las celdas ocupen varios espacios.
Este es la primera celda.
Esta es la segunda celda.
Esta es la tercera celda.
Por supuesto, dentro de las celdas se pueden colocar tablas, gráficos o cualquier otro elemento markdown.
GRID
[grid column](Name='Mes', [value]=Mes, SortValue=[Num Mes], AllowHeaderFiltering=YES)
[grid column](Name='Unidades', [value]=Unidades,SummaryType='sum')
[grid column](Name='Importe', [value]=Importe,SummaryType='sum', format='C2', AllowSorting=NO)
SELECT
LB_TIEMPO.NOMBRE_MES AS Mes,
LB_TIEMPO.MES AS [Num Mes],
sum(LB_VENTAS2.UNIDADES) AS Unidades,
sum(LB_VENTAS2.PVP) AS Importe
FROM dbo.LB_VENTAS_DIARIAS LB_VENTAS2
INNER JOIN dbo.LB_TIEMPO LB_TIEMPO USING FECHA
ORDER BY [Num Mes]
CHART
HEADER(Title='Gráfico de barras con 1 indicador')
ARGUMENT([Value]=Tienda)
SERIE(Type='Bar',[Value]=Importe)
LEGEND(Position='righttop')
SELECT Tienda,Unidades,Importe
FROM DATABASE [Demo Crono Pad]
where año=2012 and País='España'
order by Tienda