A linha do tempo desenha cada linha da mesma forma: de quem é e quando, seu título, seu texto cortado para algumas linhas e seu anexo. As linhas de uma tabela podem ser desenhadas do seu jeito, e escritas e alteradas em formas suas, enquanto as outras tabelas mantêm as linhas do tempo.
Linhas
Um MultiTableTemplate dentro da linha do tempo (Reagir: uma entrada de templates) desenha as linhas de uma tabela do seu jeito. Ele substitui o título, texto e anexo da linha; a linha do tempo ainda mostra de quem é a linha e quando, sua marca Editado , e o Editar e Excluir que o usuário permite o acesso, então uma linha desenhada do seu jeito é alterada e deletada como qualquer outra.
Ela recebe a linha conforme a linha do tempo a leu: its , , — sua data, escrita no idioma e fuso horário do usuário — Owner e Recipients, e his Record, com cada coluna lida e seus valores formatados. No React, estes são title, body, startText, owner, recipients e record. StartTextBodyTitle
A linha do tempo lê as colunas que ela mostra para si mesma. Para que um template mostre outro, nomeie-o no FetchXML de uma visualização, assim como a demo abaixo faz para a direção, número e o status da tarefa: a linha do tempo lê as colunas de uma visualização ao lado da sua. Uma coluna que o usuário pode não ler permanece vazia.
Ligações e tarefas próprias
Anotações, mensagens, ligações e tarefas de Schmeler and Sons. Uma ligação mostra para onde foi, seu número e quando; uma tarefa, se está feita e quando vence. Anotações e mensagens guardam o desenho da própria linha do tempo.
Exemplo de reação
Exemplo de Blazor
React TypeScript
Razor
Notas, mensagens, ligações e tarefas
Programa
Nota
Mensagem
Ligação Telefônica
Tarefa
# ppp-data-importEditado
Update the account plan
Devido 04/11/2026 09:00
# ppp-data-importEditado
Book the on-site visit
Devido 03/11/2026 14:00
# ppp-data-importEditado
Prepare the quarterly report
Devido 03/11/2026 13:00
# ppp-data-importEditado
Review the support tickets
Devido 02/11/2026 14:30
# ppp-data-import
Check in on the rollout
Chamado 419-666-6962 · 02/11/2026 11:00
# ppp-data-importEditado
Send the revised proposal
Devido 02/11/2026 11:00
Formas
Um usuário que pode criar linhas de uma tabela nomeada em CreatableTables (React: creatableTables) pode escrever uma nova a partir da linha do tempo e alterar uma linha que seu acesso permite que escreva. Notas e mensagens do portal são escritas no lugar; uma linha de outra tabela se abre na forma do título, datas, pessoas e texto mostrados pelo registro. Um MultiTableForm dentro da linha do tempo (React: uma entrada de forms) dá uma tabela de formas suas, uma para criar suas linhas e outra para alterá-las: componentes dos editores, mostrados dentro de uma forma do registro — a nova linha, com o que a linha do tempo sabe sobre ela preenchido, ou a linha inteira lida novamente para edição.
React
Blazor
<Timeline
creatableTables={['annotation', 'task']}
formLocation="center"
forms={{ task: { create: NewTaskForm, edit: TaskForm } }}
/>
// TaskForm: editores vinculados à tarefa que está sendo escrita
function TaskForm() {
return (
<>
<ColumnEdit columnName="subject" />
<ColumnEdit columnName="scheduledend" />
<ColumnEdit columnName="prioritycode" />
<ColumnEdit columnName="description" />
</>
);
}
<Timeline CreatableTables="@(["annotation", "task"])" FormLocation="TimelineFormLocation.Center">
<MultiTableForm Table="task" CreateForm="typeof(NewTaskForm)" EditForm="typeof(TaskForm)" />
</Timeline>
@* TaskForm: editores vinculados à tarefa que está sendo escrita *@
<ColumnEdit ColumnName="subject" />
<ColumnEdit ColumnName="scheduledend" />
<ColumnEdit ColumnName="prioritycode" />
<ColumnEdit ColumnName="description" />
FormLocation (Reagir: formLocation) diz onde um formulário se abre: um painel lateral à direita, como por padrão, ou à esquerda, um diálogo no centro, ou Inline — no lugar na linha do tempo, enquanto notas e mensagens são escritas. Um save passa pela mesma segurança de tabela, linha e coluna que qualquer registro.
Para um exemplo mais completo — tarefas com crachás para seu status e prioridade, ligações com quem foi chamado e compromissos com o local onde ocorrem — veja a demonstração do Timeline Custom Rendering.