Dashboard com Bootstrap

Dashboard com Bootstrap

Nesse artigo vamos mostrar um exemplo de como integrar uma biblioteca Bootstrap com uma aplicação blank do criptcase. 

Fizemos um seminário sobre esse tema no dia 18/09/2015, o vídeo com a gravação pode ser encontrado no link abaixo:

https://youtu.be/ld2Vn8ouxqY

As aplicaçoes podem ser encontradas na pasta em anexo.

A ideia foi criar um relatorio de acordo com os dados de atendimento. Criamos uma aplicação de filtro que faz uma busca por data que direciona para a aplicação uma aplicação blank com dashboard e relatórios. 

Bootstrap dashboard

 No evento "onExecute" criamos todo o script chamando um html próprio com as classes do bootstrap. 

as classes utilizadas foram: 

container
row
col-sm-5
table-hover
success
danger
col-sm-7
list-group
col-sm-6
list-group-item
table-striped
table

source: http://getbootstrap.com/

bootstrap dashboard

 Criamos 4 métodos apenas para organizar melhor o código: 

- CSS

- envio de emails

- relatório

- totais

method 1

 

scriptcase bootstrap

 

 

O projeto com os codigos estão em anexo. Podem ser importados e executados no Scriptcase, a partir da versão 8.1. Lembrando que a tabela usada no exemplo não está disponível, pois era uma conexão direta com o nosso sistema de tickets. Todos os SQLs devem ser substituídos. 

 


    • Related Articles

    • Criando uma aplicação Dashboard

      Neste tutorial iremos mostrar como criar e configurar uma aplicação de Dashboard. Esta aplicação permite exibir vários tipos de aplicações aninhadas em widgets.   1. Criando uma nova aplicação de Dashboard. - Em seguida, devemos acessar as ...
    • Gerando as credenciais para autenticação com Twitter

      Neste artigo, aprenderemos como gerar credenciais (API Key e API Key Secret) para autenticação e acesso ao nosso projeto desenvolvido no ScriptCase através do Twitter. Criação de conta  1 - O primeiro passo é a criação de uma conta no Twitter através ...
    • Biblioteca PHPSpreadSheet com Scriptcase

      1- Baixamos a biblioteca externa PHPSpreadSheet sem o compositor https://php-download.com/downloads/phpoffice/phpspreadsheet/1.8.2.0/phpoffice_phpspreadsheet_1.8.2.0_require.zip 2- Em seguida, procederemos ao carregamento da biblioteca externa no ...
    • Campo com Imagem de Validação

      Neste exemplo iremos mostrar como utilizar um campo com a opção de "Imagem de validação" ativada. 1- Vamos criar uma aplicação do tipo Controle: 2- Vamos adicionar os campos para nossa aplicação: 3- Vamos criar os campos para validar um email do ...
    • Conexão com Sybase PDO DBLIB

      No Scriptcase, temos disponíveis os seguintes drivers para conexão com o Sybase: Sybase PDO DBLIB, Sybase PDO ODBC e Sybase. Se você estiver utilizando um ambiente próprio, pré-configurado, a extensão do Sybase deve ser habilitada manualmente no PHP. ...