Autor Tópico: Como usar o Layout CSS padrão do projeto em uma aplicação Blank?  (Lida 2000 vezes)

Rubens Moraes

  • Novato
  • *
  • Mensagens: 35
    • Email
Como usar o Layout CSS padrão do projeto em uma aplicação Blank?
« Online: Fevereiro 26, 2015, 02:25:17 pm »
Boa tarde pessoal!

Como faço para usar o layout CSS padrão do meu projeto nas aplicações Blank, assim como, deixar as Tabelas HTML (grids) com os mesmos efeitos das consultas geradas pelo SC (JQuery)?

Att,

Rubens

Haroldo

  • Expert
  • *****
  • Mensagens: 6293
  • Conhecimento diminui limitações.△TFA△
    • Infinitus Web Gestão Empresarial/Gestão ITIL/Consultoria Scriptcase

Rubens Moraes

  • Novato
  • *
  • Mensagens: 35
    • Email
Re:Como usar o Layout CSS padrão do projeto em uma aplicação Blank?
« Responder #2 Online: Fevereiro 26, 2015, 03:41:59 pm »
Haroldo, não entendi!

Deixe eu ser um pouco mais claro. Fiz uma aplicação Blank com o seguinte código HTML + JQuery ( http://jsfiddle.net/p1yzdLqy/2/ ), uma tabelinha simples com algumas funcionalidades em JQuery. Gostaria que essa tabela assumisse o mesmo Layout de outras, tipo das consultas geradas pelo SC, usando um tema que eu personalizei no SC. Tem como?

Att,

Rubens

FredKeyster

  • Expert
  • *****
  • Mensagens: 1702
  • DEWENNINMEN
    • Email
Re:Como usar o Layout CSS padrão do projeto em uma aplicação Blank?
« Responder #3 Online: Fevereiro 26, 2015, 04:50:52 pm »
Tem como você fazer melhor! Já que esta usando o Blank e usando um html para mostrar o resultado, utilize o bootstrap para essa equena tabela. Além de prático e fácil é mais elegante do que o tema (Grid) nativo do SC. Apenas uma opinião. Abraço!
F. A.
Analista de Sistemas

Haroldo

  • Expert
  • *****
  • Mensagens: 6293
  • Conhecimento diminui limitações.△TFA△
    • Infinitus Web Gestão Empresarial/Gestão ITIL/Consultoria Scriptcase
Re:Como usar o Layout CSS padrão do projeto em uma aplicação Blank?
« Responder #4 Online: Fevereiro 26, 2015, 04:59:59 pm »
Rubens Moraes, o link que passei aqui se refere a um tópico que fala sobre o mesmo assunto, só pedi que olhasse lá. O  próprio flaviosfmartins disse ter conseguido com a dica dada.

FredKeyster, o Rubens solicita usar o tema do projeto em Blank, se você tiver exemplos, demonstre por favor. Se a sugestão segue outra linha, demonstre também.


Rubens Moraes

  • Novato
  • *
  • Mensagens: 35
    • Email
Re:Como usar o Layout CSS padrão do projeto em uma aplicação Blank?
« Responder #5 Online: Fevereiro 27, 2015, 10:05:51 am »
A intenção é justamente padronizar, como tenho varias consultas feitas pelo SC e estou criando um blank para suprir limitações do SC, não fica elegante ter um Grid de um jeito e em outra tela um Grid com outro layout totalmente diferente.

Com relação a dica dada para o flaviosfmartins, não consegui encontrar como fazer o que estou querendo. Criei uma aplicação controle, depois analisei os fontes como sugerido e não encontrei a solução. Para alguns pode paracer facil, mas para quem está iniciando no SC não é.

Mesmo assim, obrigado rapazes!

Fico no aguardo de mais dicas do fórum.

FredKeyster

  • Expert
  • *****
  • Mensagens: 1702
  • DEWENNINMEN
    • Email
Re:Como usar o Layout CSS padrão do projeto em uma aplicação Blank?
« Responder #6 Online: Março 01, 2015, 01:26:46 pm »

FredKeyster, o Rubens solicita usar o tema do projeto em Blank, se você tiver exemplos, demonstre por favor. Se a sugestão segue outra linha, demonstre também.


Estimado Haroldo, a sugestão segue a outra linha. Na verdade, para o exemplo foi baseado no link: http://jsfiddle.net/p1yzdLqy/2/  onde tem a parte do html na minha opinião trataria com  class table do bootstrap.

Deixo aqui um código como exemplo pra ser executado no BLANK. (Só copiar e colar)
Esta GRID é responsiva, diferente da nativa do SC.

Lembrando novamente que é apenas uma humilde sugestão.


Código: [Selecionar]
?>
<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.1/css/bootstrap.css" rel="stylesheet">   
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.1/js/bootstrap.min.js"></script>

<div class="container">
<div class="table-responsive">
<table class="table table-bordered">
 
  <tr class="info">
    <td>Contas</td>
    <td>Valor</td>               
  </tr>
   
  <tr>
    <td height="10">Teste01</td>
       
    <td><input type="checkbox" id="1" value="100.20"/>100.20</td>       
  </tr>
 
  <tr>
    <td height="10">Teste02</td>
   
    <td><input type="checkbox" id="2" value="200.20"/>200.20</td>         
  </tr>   
   
  <tr>
    <td height="10">Teste03</td>
    <td><input type="checkbox" id="3" value="300.20"/>300.20</td>         
  </tr>       
   
</table>
</div>
<form class="form-inline">
<div class="form-group">
  <label for="valor">Valor</label>
  <input id='result' class="form-control" type="text" value='0' />
</div>
<div class="form-group">
  <label for="valor">Valor</label>
  <input id='result2' class="form-control" type="text" value='0' />
</div>
<input type="button" class="btn btn-primary" value="Seleção" id="somar" />
</form>
</div>
<?
F. A.
Analista de Sistemas

Rubens Moraes

  • Novato
  • *
  • Mensagens: 35
    • Email
Re:Como usar o Layout CSS padrão do projeto em uma aplicação Blank?
« Responder #7 Online: Março 02, 2015, 09:15:05 am »
Obrigado Fred pela sugestão!

O bootstrap, assim como o jQuery, são bem tentadores a desvantagem e que terei que criar um outro CSS.

João Carlos TR

  • Iniciante
  • **
  • Mensagens: 50
    • Email
Re:Como usar o Layout CSS padrão do projeto em uma aplicação Blank?
« Responder #8 Online: Novembro 12, 2015, 06:29:27 am »
Como é pertinente a tema do tópico, deixo aqui o link para o livro bootstrap do Maujor, disponibilizado gratuitamente pela Novatec em formato pdf:
http://novatec.com.br/download/ebookMaujor.php