Agenda

El diseño de la agenda muestra las citas de una semana día a día, en lugar de colocarlas en una cuadrícula de horas o días. Se lee bien en una pantalla estrecha, y donde lo importante es lo que viene después en lugar de dónde está el tiempo libre. En él se abre un calendario con DefaultLayout (React: defaultLayout), y el selector de diseño de la barra de herramientas cambia a él.

React Blazor

Agenda de Schmeler and Sons

Las citas, tareas y llamadas telefónicas sobre Schmeler y los Hijos. Las flechas se mueven semana tras semana.

Ejemplo de reacción Ejemplo de Blazor React TypeScript Razor

La lista

Cada día que tiene algo es un encabezado, con sus filas debajo: su hora, o Todo el día, y su asunto, junto a un punto del color de cómo una cita muestra su hora. Una semana sin nada dice Nada programado. Hacer clic en una fila la abre, como en los otros diseños. Una lista no tiene tiempos para dejar una fila, así que nada se mueve en la agenda, ni siquiera en un Editable calendario.

Un calendario de una sola disposición

Nombra un único diseño en Layouts (React: layouts) y el selector de maquetación va a aparecer, manteniendo el calendario en él — una lista de lo que viene junto al contenido de una página, por ejemplo. Un encabezado de día no abre ningún diseño de día, ya que el calendario no ofrece ninguno.

React Blazor

Las otras disposiciones del calendario: Día, Semana de Trabajo, Semana y Mes.