Pular para o conteudo principal

Exemplos minimos

Uso mais curto de cada componente para copia e validacao rapida.

Vitrine Demo Bootstrap Documentacao

Campos
R$

Listas e selecao
Use Ctrl ou Cmd para selecionar mais de uma opcao.

Mensagens e identidade

Ana Martins

Historico

  1. Criado

    Registro criado.

  2. Atualizado

    Registro atualizado.

Upload, editor e assinatura
Estilos
Fonte
Paragrafo
Listas e recuo
Historico
Links
Imagens
Estrutura
Insercao ricaOrganize links, imagens e elementos estruturais sem misturar tudo na guia principal.
Guia Inserir
Modo
Visual e codigoUse a guia Exibir para alternar entre a edicao visual e o HTML bruto sem poluir a area principal.
Guia Exibir
Pronto14 caractere(s)
Assine dentro da area

Seguranca

?Usuario nao autenticado

QR Code e graficos

QR Code
Nao foi possivel carregar a imagem do QR Code. Verifique a conexao ou configure UrlServico com um gerador interno.
Abrir
1511840Serie 1 - Jan: 1010Serie 1 - Fev: 1515Serie 1 - Mar: 1212JanFevMar
Jan10
Fev15
Mar12

Fluxos e estruturas

Wizard

Kanban

A fazer0
Tarefa

Descricao.

Hoje
Concluido0

Grid, relatorio e docs

CodigoNomeStatus
1AlphaAtivo
2BetaPendente
Construtor

Blocos

TituloCabecalho principal do relatorio.
SubtituloTitulo secundario para uma secao.
TextoParagrafo de texto livre.
CardBloco com borda e fundo configuraveis.
DestaqueKPI, numero ou chamada visual.
TabelaDados estruturados em colunas.
Tabela JsonTabela montada a partir de JSON vindo do registro atual.
AssinaturaArea para aprovacao ou responsavel.
SeparadorLinha visual entre secoes.
ImagemImagem com legenda e placeholders.
DadosTabela de campos do registro atual.
Use o botao, duplo clique ou drag/drop para adicionar. Placeholders no formato {{Campo}} podem ser usados no texto, na imagem e no cabecalho.
Layout

Montagem do relatorio

Novo nao salvo
Novo
ParametroOrigemVariavelTipoAcao
Quando a fonte de dados estiver em Select ou StoreProcedure, o comando passa a fazer parte do relatorio salvo. Cada parametro pode buscar o valor em Session, Cookie, QueryString ou valor fixo, e o tipo orienta a conversao antes de enviar para o SQL Server.
Relatorios salvos
Nenhum relatorio salvo encontrado na tabela FS_ReportBuilderRelatorios.
O canvas mostra apenas o tamanho e o tipo do bloco. Clique em um bloco para abrir as propriedades na lateral direita.
A area do relatorio esta vazia.
Adicione blocos pela lateral, arraste para posicionar e edite as propriedades na lateral direita.

Visualizacao gerada

Personalizavel Retrato
Persistencia

Salvar relatorio

O salvamento usa o estado atual do header, configuracoes do canvas e blocos do relatorio.
Informe um ID_Relatorio valido para o FSReportViewer.

Docs automaticos minimos

Exemplo minimo do gerador automatico de propriedades.

FSTxtBox

22 propriedades
PropriedadeTipoPadraoOrigemDescricao
ComponenteFilhoStringvazioFSTxtBox
ID_ComponenteInteger0FSTxtBox
IDComponentePaiInteger0FSTxtBox
InputModeStringvazioFSTxtBox
MascaraStringvazioFSTxtBox
MaxLengthInteger0FSTxtBox
ObrigatoriaBooleanFalseFSTxtBox
OpcoesStringvazioFSTxtBox
PatternStringvazioFSTxtBox
PlaceholderStringvazioFSTxtBox
TextoComponenteStringvazioFSTxtBox
ValorComponenteStringvazioFSTxtBox
ContainerCssClassStringmb-3FSComponentBase
HiddenStyleStringdisplay:none;FSComponentBase
InputColumnCssClassStringcol-md-6FSComponentBase
LabelColumnCssClassStringcol-md-6FSComponentBase
LabelCssClassStringform-label fw-semibold mb-0FSComponentBase
OnClientChangeStringvazioFSComponentBase
OnClientSelectStringvazioFSComponentBase
OnClientUploadCompleteStringvazioFSComponentBase
PosicaoTituloStringlateralFSComponentBase
RowCssClassStringrow g-3 align-items-startFSComponentBase

FSGrid

66 propriedades
PropriedadeTipoPadraoOrigemDescricao
AcoesCustomizadasHtmlStringvazioFSGrid
AcoesLoteHtmlStringvazioFSGrid
BlocosExternosCssClassStringpx-3FSGrid
CabecalhoColunaCssClassStringvazioFSGrid
CabecalhoEscuroBooleanFalseFSGrid
ChavePreferenciasUsuarioStringvazioFSGrid
ColunaPrincipalCardViewStringvazioFSGrid
ColunasBuscaToolbarStringvazioFSGrid
ComBordaBooleanTrueFSGrid
CompactoBooleanFalseFSGrid
ComponenteFilhoStringvazioFSGrid
ConnectionStringStringvazioFSGrid
ConnectionStringNameStringvazioFSGrid
DadosStringvazioFSGrid
DataKeyNameStringvazioFSGrid
ExtensoesExportacaoStringPDF;CSV;XLSFSGrid
HabilitarAcoesLoteBooleanFalseFSGrid
HabilitarBuscaToolbarBooleanFalseFSGrid
HabilitarCardViewMobileBooleanTrueFSGrid
HabilitarDataSourceBooleanFalseFSGrid
HabilitarEditarBooleanFalseFSGrid
HabilitarEditarToolbarBooleanFalseFSGrid
HabilitarExcluirBooleanFalseFSGrid
HabilitarExcluirToolbarBooleanFalseFSGrid
HabilitarExportacaoBooleanFalseFSGrid
HabilitarFiltroColunaBooleanFalseFSGrid
HabilitarMoverColunasBooleanFalseFSGrid
HabilitarNovoBooleanFalseFSGrid
HabilitarOrdenacaoBooleanFalseFSGrid
HabilitarPaginacaoBooleanFalseFSGrid
HabilitarSelecaoItensPorPaginaBooleanFalseFSGrid
HabilitarSelecaoMassaBooleanFalseFSGrid
HabilitarSeletorColunasBooleanFalseFSGrid
HabilitarTemaSeletorItensPorPaginaBooleanFalseFSGrid
HabilitarToastOperacoesBooleanFalseFSGrid
HabilitarToolbarBooleanFalseFSGrid
HoverBooleanTrueFSGrid
ID_ComponenteInteger0FSGrid
IDComponentePaiInteger0FSGrid
ItemsList`1System.Collections.Generic.List`1[FSComponentes.FSComponentes.FSGridItem]FSGrid
ItensPorPaginaInteger20FSGrid
ListradoBooleanTrueFSGrid
MensagemVaziaStringNenhum registro encontrado.FSGrid
ModalColunasInteger2FSGrid
OpcoesItensPorPaginaString10;20;50;100FSGrid
PaginacaoItensPorPaginaGrupoCssClassStringvazioFSGrid
PaginacaoItensPorPaginaRotuloCssClassStringvazioFSGrid
PaginacaoItensPorPaginaSelectCssClassStringvazioFSGrid
ProviderNameStringvazioFSGrid
ResponsivoBooleanTrueFSGrid
SalvarPreferenciasUsuarioBooleanFalseFSGrid
SelectCommandStringvazioFSGrid
TamanhoModalStringlgFSGrid
TextoComponenteStringvazioFSGrid
TituloColunaAcoesStringvazioFSGrid
ToolbarHtmlStringvazioFSGrid
ContainerCssClassStringcard py-2FSComponentBase
HiddenStyleStringdisplay:none;FSComponentBase
InputColumnCssClassStringcol-md-6FSComponentBase
LabelColumnCssClassStringcol-md-6FSComponentBase
LabelCssClassStringform-label fw-bold ps-3FSComponentBase
OnClientChangeStringvazioFSComponentBase
OnClientSelectStringvazioFSComponentBase
OnClientUploadCompleteStringvazioFSComponentBase
PosicaoTituloStringtopoFSComponentBase
RowCssClassStringrow g-3 align-items-startFSComponentBase

FSChart

42 propriedades
PropriedadeTipoPadraoOrigemDescricao
AlturaInteger320FSChart
CampoCategoriaStringvazioFSChart
CampoCorStringvazioFSChart
CampoSerieStringvazioFSChart
CampoValorStringvazioFSChart
CasasDecimaisInteger0FSChart
ChartCssClassStringvazioFSChart
CoresStringvazioFSChart
EmpilharSeriesBooleanFalseFSChart
FonteDadosObjectvazioFSChart
FonteDadosJsonStringvazioFSChart
FormatoDataEixoXStringdd/MMFSChart
ID_ComponenteInteger0FSChart
LabelsStringvazioFSChart
MostrarGradeBooleanTrueFSChart
MostrarLegendaBooleanTrueFSChart
MostrarPercentuaisBooleanFalseFSChart
MostrarValoresBooleanTrueFSChart
OrdenarEixoXDataBooleanTrueFSChart
PrefixoValorStringvazioFSChart
QuantidadeDivisoesEixoYInteger4FSChart
SeriesStringvazioFSChart
SubtituloStringvazioFSChart
SufixoValorStringvazioFSChart
TextoComponenteStringvazioFSChart
TipoGraficoStringbarFSChart
TituloStringvazioFSChart
TituloEixoYStringvazioFSChart
TratarEixoXComoDataBooleanFalseFSChart
ValoresStringvazioFSChart
ValorMaximoEixoYDecimal0FSChart
ValorMinimoEixoYDecimal0FSChart
ContainerCssClassStringvazioFSComponentBase
HiddenStyleStringdisplay:none;FSComponentBase
InputColumnCssClassStringcol-md-6FSComponentBase
LabelColumnCssClassStringcol-md-6FSComponentBase
LabelCssClassStringform-label fw-bold ps-3FSComponentBase
OnClientChangeStringvazioFSComponentBase
OnClientSelectStringvazioFSComponentBase
OnClientUploadCompleteStringvazioFSComponentBase
PosicaoTituloStringtopoFSComponentBase
RowCssClassStringrow g-3 align-items-startFSComponentBase