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, 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
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!
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.
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.
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.
?>
<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>
<?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.
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