Autor Tópico: Layout personalizado no grid  (Lida 627 vezes)

ramosinfo

  • Intermediário
  • ***
  • Mensagens: 149
Layout personalizado no grid
« Online: Fevereiro 18, 2016, 10:16:48 am »
Olá pessoa, estou fazendo um layout personalizado para meu grid.



Já consegui para 1 registro, mas quero que mostre em todos os registros lado a lado.

O que fiz:

1. Criei um grid de consulta chamando a tabela, e deixei ativo somente "Consulta".
2. Tirei todas as barras de ferramentas.
3. Fui em Layouts -> Templates HTML e em "Formato livre" criei um novo formato desta forma:

Código: [Selecionar]
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
    <title>Pricing Table</title>

    <!-- Bootstrap -->
    <link href="http://ramosdainformatica.com.br/testes/css/bootstrap.min.css" rel="stylesheet">
<!-- Fontawesome -->
    <link href="http://ramosdainformatica.com.br/testes/css/font-awesome.min.css" rel="stylesheet">
<!-- pricing table -->
    <link href="http://ramosdainformatica.com.br/testes/css/pricing-table.css" rel="stylesheet">
<!-- style -->
    <link href="style.css" rel="stylesheet">
<!-- google fonts -->
    <link href='http://fonts.googleapis.com/css?family=Josefin+Slab' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Lato:900' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Arvo' rel='stylesheet' type='text/css'>

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
  </head>
  <body>
 
<div class="pricing_table">
<div class="container">
<div class="row">
<div class="col-md-3 col-sm-3 col-xs-12">
<div class="table_five">
<div class="price_table">
<div class="price_table_inner">
<div class="price_header color_turquoise">
<h3>{titulo}</h3>
</div>
<div class="price  color_turquoise2">
<h1>{valor}</h1>
</div>
<div class="service_list">
<ul>
<li><i class="fa fa-check"></i> {descricao}</li>
</ul>
</div>
<form action="#" method="POST">
<input type="submit" value="Comprar agora" name="buy" class="btn  color_turquoise" />
</form>
</div>
</div>
</div>
</div>

</div>




    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="http://www.ramosdainformatica.com.br/testes/js/bootstrap.min.js"></script>
<script src="http://www.ramosdainformatica.com.br/testes/js/scripts.js"></script>


  </body>
</html>


4. De volta ao meu grid, fui em Layout - Visualização e configurei desta forma:



AGORA É QUE SÃO ELAS: Tenho 5 registros, mas só me lista o primeiro registro. Quero que liste todos os 5 registros lado a lado, mas não estou conseguindo. Alguma luz?

Obrigado!

Thyago Brasil

  • Expert
  • *****
  • Mensagens: 884
  • Crê no Senhor Jesus e será salvo tu e tua família
    • www.brasdesign.com.br
    • Email
Re:Layout personalizado no grid
« Responder #1 Online: Fevereiro 18, 2016, 12:01:20 pm »
De estar aparecendo um é que deve estar como Parcial  e Linhas por página = 1. Quanto a aparecer lado a lado, imagino que você esteja utilizando formato livre, correto? Sugiro fazer isso com HTML (em uma aplicação Blank) ou na consulta mesmo fazer no modo slide.
Thyago Brasil
Desenvolvedor Web
Site: http://www.brasdesign.com.br

SC 5.02/SC 8.1

ramosinfo

  • Intermediário
  • ***
  • Mensagens: 149
Re:Layout personalizado no grid
« Responder #2 Online: Fevereiro 18, 2016, 01:26:28 pm »
Se uso modo Slide não posso usar meu template personalizado.

ramosinfo

  • Intermediário
  • ***
  • Mensagens: 149
Re:Layout personalizado no grid
« Responder #3 Online: Fevereiro 18, 2016, 01:28:01 pm »
E paginação está total.

Thyago Brasil

  • Expert
  • *****
  • Mensagens: 884
  • Crê no Senhor Jesus e será salvo tu e tua família
    • www.brasdesign.com.br
    • Email
Re:Layout personalizado no grid
« Responder #4 Online: Fevereiro 18, 2016, 01:34:29 pm »
Certo, nesse caso, acho que a outra opção é a melhor. Utilizando a aplicação blank e montando seu código em HTML
Thyago Brasil
Desenvolvedor Web
Site: http://www.brasdesign.com.br

SC 5.02/SC 8.1

Jailton

  • Expert
  • *****
  • Mensagens: 2026
Re:Layout personalizado no grid
« Responder #5 Online: Fevereiro 18, 2016, 03:38:30 pm »
Só. fazer ele igual 'se tivesse fazendo uma etiqueta'.
Código: [Selecionar]
<!-- BEGIN bl2 -->
<td width="247" height="96" align="left" valign="center">
<font face="verdana" style="font-size:11px">
<b>{Nome}</b><br>{Endereco}<br>{Bairro} - {Cidade}- {Estado}<br>
{Assunto}<br>{Setor}
</font>
</td>
<!-- END bl2 -->
https://support.scriptcase.net/index.php?/Knowledgebase/Article/View/273/0/criando-um-template-para-sua-aplicacao---formato-livre
O Princípio da Vibração. "Nada está parado, tudo se move, tudo vibra". Caibalion.

ramosinfo

  • Intermediário
  • ***
  • Mensagens: 149
Re:Layout personalizado no grid
« Responder #6 Online: Fevereiro 23, 2016, 09:32:22 am »
Consegui, mas só mostra o primeiro registro da Grid:



Não lista todos os registros, apenas o primeiro...

O código onde vão os registos (Campos) é este:

Código: [Selecionar]
<div class="pricing_table">
<div class="container">
<div class="row">

<div class="col-md-3 col-sm-3 col-xs-12">
<div class="table_one">
<div class="price_table">
<div class="price_table_inner">
<div class="price_header color_turquoise">
<h3>{titulo}</h3>

</div>
<div class="price  color_turquoise2">
<h1 class="prz">Price</h1>
<h1 class="przval">{valor}</h1>
</div>
<div class="service_list">
<ul>
<li>{descricao}</li>
</ul>
</div>
<form action="#" method="POST">
<input type="submit" value="Buy Now" name="buy" class="btn color_turquoise3" />
</form>
</div>
</div>
</div>
</div>

<div class="col-md-3 col-sm-3 col-xs-12">
<div class="table_one">
<div class="price_table">
<div class="price_table_inner">
<div class="price_header color_carrot">
<h3>{titulo}</h3>

</div>
<div class="price color_carrot2">
<h1 class="prz">Price</h1>
<h1 class="przval">{valor}</h1>
</div>
<div class="service_list">
<ul>
<li>{descricao}</li>
</ul>
</div>
<form action="#" method="POST">
<input type="submit" value="Buy Now" name="buy" class="btn color_carrot3" />
</form>
</div>
</div>
</div>
</div>

<div class="col-md-3 col-sm-3 col-xs-12">
<div class="table_one">
<div class="price_table">
<div class="price_table_inner">
<div class="price_header color_amethyst">
<h3>{titulo}</h3>

</div>
<div class="price color_amethyst2">
<h1 class="prz">Price</h1>
<h1 class="przval">{valor}</h1>
</div>
<div class="service_list">
<ul>
<li>{descricao}</li>
</ul>
</div>
<form action="#" method="POST">
<input type="submit" value="Buy Now" name="buy" class="btn color_amethyst3" />
</form>
</div>
</div>
</div>
</div>

<div class="col-md-3 col-sm-3 col-xs-12">
<div class="table_one">
<div class="price_table">
<div class="price_table_inner">
<div class="price_header color_sunflower">
<h3>{titulo}</h3>

</div>
<div class="price color_sunflower2">
<h1 class="prz">Price</h1>
<h1 class="przval">{valor}</h1>
</div>
<div class="service_list">
<ul>
<li>{descricao}</li>
</ul>
</div>
<form action="#" method="POST">
<input type="submit" value="Buy Now" name="buy" class="btn color_sunflower3" />
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</div> <!-- pricing tables -->
</div>

E este é o grid normal, sem template:

« Última modificação: Fevereiro 23, 2016, 09:42:51 am por ramosinfo »

ramosinfo

  • Intermediário
  • ***
  • Mensagens: 149
Re:Layout personalizado no grid
« Responder #7 Online: Fevereiro 23, 2016, 09:52:54 am »
RESOLVIDO:

Bastava colocar:

<!-- BEGIN bl2 -->
NO COMEÇO

<!-- END bl2 -->
NO FIM

Mas tive que escolher um único padrão de cores, não pode ser colorido como queria.

marciogrulke

  • Iniciante
  • **
  • Mensagens: 80
    • Email
Re:Layout personalizado no grid
« Responder #8 Online: Junho 02, 2016, 11:41:58 pm »
boa noite todos.

sei não tem muito a ver com o topico mas, vamos lá, atualizei o meu sc ja fazia um ano não atualizava, na minha consulta eu uso a opção "Exibir Número da Linha" a cor de fundo era amarela escuro e resto das colunas em amarelo claro, agora que atualizei na consulta o fundo contagem registro fica fundo branco. ja procurei aonde altera cor de fundo desta função e sem chance nada. cor fundo dos campos é facil mas este esta me deixando fora de serio. obrigado a todos.

Ronyan Alves

  • Administrator
  • Avançado
  • *****
  • Mensagens: 353
Re:Layout personalizado no grid
« Responder #9 Online: Junho 03, 2016, 05:05:53 pm »
marciogrulke evite postar assuntos que não estão relacionadas diretamente com o tópico.
Crie um novo.
- Você está repetindo o comportamento em outros tópicos.-
--

Ronyan Alves
Equipe Scriptcase