Pular para o conteudo principal

Documentacao visual de componentes

Menu lateral, exemplo vivo e markup de uso para cada controle.

Vitrine Referencia MD

FSTxtBox

Campo de texto curto com obrigatoriedade, placeholder, maxlength e validacao Bootstrap.

Este campo é obrigatório.
 
<fs:FSTxtBox runat="server" TextoComponente="Nome" Obrigatoria="true" MaxLength="120" Placeholder="Informe o nome" />

FSTextArea

Texto longo com linhas configuraveis e limite de caracteres.

 
<fs:FSTextArea runat="server" TextoComponente="Descricao" Linhas="4" MaxLength="500" />

FSNumericBox

Entrada numerica com minimo, maximo, passo e suporte decimal.

 
<fs:FSNumericBox runat="server" TextoComponente="Quantidade" Minimo="0" Maximo="1000" Passo="1" />

FSCurrencyBox

Especializacao numerica para moeda, com simbolo localizado.

R$
 
<fs:FSCurrencyBox runat="server" TextoComponente="Valor" ValorComponente="1250.50" />

FSComboBox

Combo com modos Select, Check e Tag, filtro opcional e textos por idioma.

Select com filtro
Check multiplo
Tags
 
<fs:FSComboBox runat="server" TextoComponente="Status" OpcoesPT="Ativo;Pendente;Inativo" Filtro="true" />
<fs:FSComboBox runat="server" TextoComponente="Responsaveis" ComboMode="Check" ValoresComponente="Ana;Carla" />
<fs:FSComboBox runat="server" TextoComponente="Tags" ComboMode="Tag" ValoresComponente="Tecnologia;Financeiro" />

FSMultiSelectBox

Select multiplo nativo com altura configuravel.

Use Ctrl ou Cmd para selecionar mais de uma opcao.
 
<fs:FSMultiSelectBox runat="server" TextoComponente="Areas" OpcoesPT="Financeiro;Comercial;Operacional" ValoresComponente="Tecnologia;Suporte" />

FSRadioButtonList

Lista de radios com modo inline.

 
<fs:FSRadioButtonList runat="server" TextoComponente="Prioridade" Opcoes="Baixa;Media;Alta" Inline="true" />

FSCheckBoxList

Lista de checkboxes para selecao multipla simples.

 
<fs:FSCheckBoxList runat="server" TextoComponente="Recursos" Opcoes="API;Dashboard;Exportacao;Relatorio" />

FSSwitch

Checkbox em formato switch com texto de estado.

 
<fs:FSSwitch runat="server" TextoComponente="Ativo" ValorComponente="true" />

FSColorPicker

Seletor de cor HTML com estrutura visual padronizada.

 
<fs:FSColorPicker runat="server" TextoComponente="Cor principal" ValorComponente="#198754" />

FSCalendario

Campo de data simples, formatado conforme idioma.

 
<fs:FSCalendario runat="server" TextoComponente="Data de inicio" />

FSDateTimePicker

Data e hora com Tempus Dominus e incremento de minutos.

 
<fs:FSDateTimePicker runat="server" TextoComponente="Entrega" HabilitarHora="true" IncrementoMinutos="15" />

FSUpload

Upload com extensoes, tamanho maximo, multiplos arquivos, preview e drag-and-drop.

Upload com drag-and-drop
Solte arquivos aqui ou selecione pelo campo acima.
Upload simples
 
<fs:FSUpload runat="server" TextoComponente="Documento" PastaUpload="~/uploads/documentos" ExtensoesPermitidas=".pdf;.png;.jpg" HabilitarDragDrop="true" />

FSFileList

Lista de arquivos existentes com link e tamanho.

<fs:FSFileList runat="server" TextoComponente="Arquivos" Arquivos="contrato.pdf|1.2 MB;briefing.pdf|840 KB" />

FSFileManager

Gerenciador de arquivos em pasta do servidor com arvore, pesquisa, upload, criacao e renomeacao.

Gerenciador
/
Arraste arquivos aqui para enviar.
Busca arquivos na pasta atual e subpastas pelo nome.
NomeTamanhoModificadoAcoes
Nenhum arquivo encontrado.
Nenhum arquivo encontrado na pesquisa.
 
<fs:FSFileManager runat="server" TextoComponente="Gerenciador" PastaRaiz="~/uploads/documentos" MostrarArvore="true" HabilitarPesquisa="true" HabilitarDragDrop="true" />

FSTagBox

Tags com sugestoes, agrupamento, criacao rapida, limite e cores.

Tags agrupadas
Tags coloridas fixas
 
<fs:FSTagBox runat="server" TextoComponente="Categorias" Opcoes="Area/Financeiro;Produto/Tecnologia" ValorComponente="Tecnologia" AgruparSugestoes="true" />

FSHTMLEditor

Editor HTML rico com toolbar, contador, templates e upload de imagem.

Toolbar basica
Estilos
Fonte
Paragrafo
Listas e recuo
Historico
Pronto36 caractere(s)
Toolbar completa com templates
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
Pronto48 caractere(s)
 
<fs:FSHTMLEditor runat="server" TextoComponente="Conteudo" AlturaEditor="240px" PresetToolbar="basic" />

FSGrid

Grid com colunas declarativas, toolbar, busca, filtro, paginacao, exportacao e CRUD.

Grid manual com toolbar
Registros
CodigoNomeStatusValor
1AlphaAtivoR$ 1.250,50
2BetaPendenteR$ 830,00
3GammaInativoR$ 475,25
Grid compacta com tags
Tarefas
CodigoTarefaTagsPrioridade
1Revisar docsAPIDashboardAlta
2Publicar exemploRelatorioMedia
3Validar uploadSuporteOperacionalBaixa
 
<fs:FSGrid runat="server" TextoComponente="Registros" HabilitarToolbar="true" HabilitarPaginacao="true">
  <fs:FSGridItem Name="Codigo" TipoCampo="int" />
  <fs:FSGridItem Name="Nome" TipoCampo="text" />
  <fs:FSGridItem Name="Status" TipoCampo="combobox" Opcoes="Ativo;Pendente;Inativo" />
</fs:FSGrid>

FSChart

Grafico server-side em SVG/HTML com barras, linhas, area, pizza e rosca.

Barra
Receita mensal
R$ 16.900R$ 12.675R$ 8.450R$ 4.225R$ 0Receita - Jan: R$ 12.500Meta - Jan: R$ 13.000Receita - Fev: R$ 15.200Meta - Fev: R$ 14.500Receita - Mar: R$ 14.800Meta - Mar: R$ 15.000Receita - Abr: R$ 16.900Meta - Abr: R$ 16.000JanFevMarAbr
Receita
Meta
Linha
Tickets resolvidos
31231680ResolvidosResolvidos - Sem 1: 18Resolvidos - Sem 2: 24Resolvidos - Sem 3: 21Resolvidos - Sem 4: 29RecebidosRecebidos - Sem 1: 22Recebidos - Sem 2: 26Recebidos - Sem 3: 25Recebidos - Sem 4: 31Sem 1Sem 2Sem 3Sem 4
Resolvidos
Recebidos
Area
Chamados por semana
20151050BacklogBacklog - Sem 1: 12Backlog - Sem 2: 16Backlog - Sem 3: 14Backlog - Sem 4: 11ConcluidosConcluidos - Sem 1: 10Concluidos - Sem 2: 13Concluidos - Sem 3: 18Concluidos - Sem 4: 20Sem 1Sem 2Sem 3Sem 4
Backlog
Concluidos
Pizza
Origem dos leads
Organico4242,0%
Pago2828,0%
Indicacao1818,0%
Parceiros1212,0%
Rosca empilhada
Pedidos por categoria
Total
140
Tecnologia6445,7%
Suporte3222,9%
Financeiro1812,9%
Operacional2618,6%
Barras empilhadas
Composicao por trimestre
745637190Financeiro - T1: 18Comercial - T1: 26Operacional - T1: 14Financeiro - T2: 21Comercial - T2: 24Operacional - T2: 17Financeiro - T3: 19Comercial - T3: 29Operacional - T3: 16Financeiro - T4: 24Comercial - T4: 31Operacional - T4: 19T1T2T3T4
Financeiro
Comercial
Operacional
 
<fs:FSChart runat="server" TipoGrafico="bar" Labels="Jan;Fev;Mar" Series="Receita|12500;15200;14800|#198754" />

FSAlert

Alerta inline com tipo Bootstrap, icone e opcao dismissivel.

Sucesso
Informacao
Alerta
Erro
<fs:FSAlert runat="server" Tipo="sucesso" Titulo="Operacao concluida" Mensagem="Registro salvo com sucesso." Dismissivel="true" />

FSModal

Modal Bootstrap padronizado com botao acionador, corpo e tamanho.

Modal grande
Modal pequeno
<fs:FSModal runat="server" TextoBotaoAbrir="Abrir modal" Titulo="Modal FSISA" Corpo="Conteudo do modal." Tamanho="lg" />

FSToast

Toast global com funcao JavaScript para mensagens dinamicas.

<fs:FSToast runat="server" ID="ToastGlobal" />
<button onclick="FSShowToastMessage('Mensagem', 'sucesso', 'FSToast')">Mostrar</button>

FSLoadingOverlay

Overlay de carregamento acionado por submit, seletor CSS ou funcao JS.

<fs:FSLoadingOverlay runat="server" Texto="Processando" />
<button onclick="FSLoadingShowDefault(); setTimeout(FSLoadingHideDefault, 800);">Mostrar</button>

FSMenu

Navegacao horizontal, vertical ou sidebar com icones, submenus e origem SQL opcional.

Menu horizontal
Menu vertical
<fs:FSMenu runat="server" Titulo="FSISA" Itens="home|Vitrine|Default.aspx|bi bi-house;;docs|Docs|Docs.aspx|bi bi-journal-text" />

FSAvatar

Avatar por imagem ou iniciais com nome e status.

Com nome e status
Ana Martinsonline
Somente iniciais
Equipe offline
Suporte FSISAoffline
 
<fs:FSAvatar runat="server" Nome="Ana Martins" Status="online" MostrarNome="true" />

FSTimeline

Linha do tempo para historico, logs e etapas.

Historico operacional

Historico

  1. Criacao

    Registro criado.

  2. Revisao

    Enviado para validacao.

  3. Pendencia

    Aguardando aprovacao.
Linha do tempo de erro

Auditoria

  1. Login

    Usuario autenticado.

  2. Alteracao

    Registro atualizado.

  3. Falha

    Permissao negada.

 
<fs:FSTimeline runat="server" Titulo="Historico" Itens="22/04/2026|Criacao|Registro criado.|sucesso" />

FSWizard

Fluxo guiado em etapas com validacao por etapa.

Cadastro guiado

Exemplo curto

 
<fs:FSWizard runat="server" Titulo="Cadastro guiado">
  <fs:FSWizardStep runat="server" Titulo="Cliente">...</fs:FSWizardStep>
</fs:FSWizard>

FSKanban

Quadro Kanban com colunas, cards, badges e drag-and-drop.

Pipeline

Ideias0
FSGrid

Melhorar filtros.

Backlog
Fazendo0
FSComboBox

Dropdown em colunas.

Novo
Feito0
FSFileManager

Upload de pasta.

Concluido
 
<fs:FSKanban runat="server" Colunas="ideias|Ideias|#6c757d" Cards="card1|ideias|Titulo|Descricao|Badge|#0d6efd" />

FSQRCode

QR Code para texto, URL, contato, Wi-Fi e PIX.

URL
QR Code
Não foi possível carregar a imagem do QR Code. Verifique a conexão ou configure UrlServico com um gerador interno.
Abrir
Texto livre
Informe um valor para gerar o QR Code.
E-mail
E-mail
Não foi possível carregar a imagem do QR Code. Verifique a conexão ou configure UrlServico com um gerador interno.
Abrir
 
<fs:FSQRCode runat="server" TipoConteudo="url" Url="Componentes.aspx" Tamanho="160" />

FSSignaturePad

Assinatura digital em canvas com valor PNG base64.

Assine aqui
 
<fs:FSSignaturePad runat="server" TextoComponente="Assinatura" Altura="180" CorCaneta="#198754" />

FSAcessibilidade

Painel global de acessibilidade com fonte, contraste, foco, leitura e persistencia.

Esta propria pagina renderiza o botao global de acessibilidade no canto da tela.
<fs:FSAcessibilidade runat="server" Posicao="Meio/direita" CorBotao="#198754" />

FSDependencyValidator

Valida Bootstrap JS, Bootstrap Icons e Tempus Dominus no navegador.

O validador global desta pagina verifica as dependencias ao carregar.
<fs:FSDependencyValidator runat="server" VerificarTempusDominus="true" />

FSTheme

Injeta variaveis CSS de tema para cores, bordas, foco e componentes FSISA/Bootstrap.

<fs:FSTheme runat="server" CorPrimaria="#198754" RaioBorda="8px" />

FSComponentDocs

Documentacao automatica por reflection das propriedades publicas da DLL atual.

Propriedades automaticas

Tabela gerada por reflection a partir das propriedades publicas dos controles.

FSAlert

11 propriedades
PropriedadeTipoPadraoOrigemDescricao
AlertCssClassStringvazioFSAlert
DismissivelBooleanFalseFSAlert
IconeAlertaStringbi bi-exclamation-triangle-fillFSAlert
IconeErroStringbi bi-x-circle-fillFSAlert
IconeInfoStringbi bi-info-circle-fillFSAlert
IconeSucessoStringbi bi-check-circle-fillFSAlert
ID_ComponenteInteger0FSAlert
MensagemStringvazioFSAlert
MostrarIconeBooleanTrueFSAlert
TipoStringinfoFSAlert
TituloStringvazioFSAlert

FSModal

21 propriedades
PropriedadeTipoPadraoOrigemDescricao
CentralizadoBooleanTrueFSModal
CorpoStringvazioFSModal
CssClassBotaoAbrirStringbtn btn-primaryFSModal
CssClassBotaoCancelarStringbtn btn-secondaryFSModal
CssClassBotaoConfirmarStringbtn btn-primaryFSModal
EstaticoBooleanFalseFSModal
IconeBotaoAbrirStringbi bi-windowFSModal
ID_ComponenteInteger0FSModal
MostrarAoCarregarBooleanFalseFSModal
MostrarBotaoFecharBooleanTrueFSModal
MostrarRodapePadraoBooleanTrueFSModal
OnClientCancelStringvazioFSModal
OnClientConfirmStringvazioFSModal
RenderizarBotaoAbrirBooleanTrueFSModal
RodapeStringvazioFSModal
RolavelBooleanFalseFSModal
TamanhoStringvazioFSModal
TextoBotaoAbrirStringAbrirFSModal
TextoBotaoCancelarStringCancelarFSModal
TextoBotaoConfirmarStringConfirmarFSModal
TituloStringModalFSModal

FSGridItem

56 propriedades
PropriedadeTipoPadraoOrigemDescricao
ClasseCssStringvazioFSGridItem
ColunasModalInteger1FSGridItem
CoresFiltroToolbarStringvazioFSGridItem
CoresFiltroToolbarAcaoStringvazioFSGridItem
CoresTagsStringvazioFSGridItem
CorFiltroToolbarAcaoPadraoStringvazioFSGridItem
CorFiltroToolbarPadraoStringTransparentFSGridItem
CorTagPadraoStringTransparentFSGridItem
CorTextoFiltroToolbarPadraoStringvazioFSGridItem
CorTextoTagPadraoStringinheritFSGridItem
DescricaoStringvazioFSGridItem
DisplayOrderInteger0FSGridItem
ExtensoesPermitidasStringvazioFSGridItem
FiltroColunaBooleanTrueFSGridItem
FiltroToolbarOpcoesBooleanFalseFSGridItem
IndiceInteger0FSGridItem
LarguraStringvazioFSGridItem
LimiteSugestoesInteger8FSGridItem
LinhasInteger4FSGridItem
MascaraStringvazioFSGridItem
MaxLengthInteger0FSGridItem
MaxTagsInteger0FSGridItem
MinimoCaracteresBuscaInteger2FSGridItem
NameStringvazioFSGridItem
ObrigatorioBooleanFalseFSGridItem
OpcoesStringvazioFSGridItem
OpcoesConnectionStringStringvazioFSGridItem
OpcoesConnectionStringNameStringvazioFSGridItem
OpcoesProviderNameStringvazioFSGridItem
OpcoesSelectCommandStringvazioFSGridItem
OpcoesSelectCommandTypeStringTextFSGridItem
OpcoesSelectParametersStringvazioFSGridItem
OpcoesTextFieldStringvazioFSGridItem
OpcoesTextMultiFieldStringvazioFSGridItem
OpcoesValueFieldStringvazioFSGridItem
OrdemInteger0FSGridItem
ParametroBuscaAssincronaStringtermFSGridItem
PastaUploadStringvazioFSGridItem
PermitirNovasTagsBooleanTrueFSGridItem
PlaceholderStringvazioFSGridItem
PrefixoArquivoStringvazioFSGridItem
SeparadorString;FSGridItem
SomenteLeituraBooleanFalseFSGridItem
TagModoStringTagFSGridItem
TamanhoMaximoKBInteger0FSGridItem
TemplateHtmlStringvazioFSGridItem
TipoStringvazioFSGridItem
TipoCampoStringvazioFSGridItem
TituloStringvazioFSGridItem
ToolbarColoridoBooleanFalseFSGridItem
UrlBuscaAssincronaStringvazioFSGridItem
VisivelBooleanTrueFSGridItem
VisivelEditarBooleanTrueFSGridItem
VisivelExcluirBooleanTrueFSGridItem
VisivelNovoBooleanTrueFSGridItem
VisivelSeletorColunasBooleanTrueFSGridItem
 
<fs:FSComponentDocs runat="server" Componentes="FSAlert;FSModal;FSGridItem" />

FSLoginSocial

Botoes OAuth para Google, Facebook e Microsoft com persistencia em tabelas FS_.

<fs:FSLoginSocial runat="server" LayoutHorizontal="true" RedirecionarAposLogin="Default.aspx" />

FSUsuarioLogado

Resumo do usuario autenticado via FSLoginSocial, com avatar, e-mail e logout.

?Usuário não autenticado
 
<fs:FSUsuarioLogado runat="server" MostrarQuandoAnonimo="true" RedirecionarAposLogout="Default.aspx" />

FSPermissao

Mostra ou oculta conteudo conforme perfis e permissoes armazenados em sessao.

<fs:FSPermissao runat="server" PerfisPermitidos="Administrador" MostrarMensagemNegado="true">
  <div class="alert alert-success">Conteudo protegido</div>
</fs:FSPermissao>