Layout personalizado no grid

ramosinfo · Abril 16, 2019, 12:57am

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:

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

<!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>

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!

thyagohenrique85 · Abril 16, 2019, 12:57am

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.

ramosinfo · Abril 16, 2019, 12:57am

Se uso modo Slide não posso usar meu template personalizado.

ramosinfo · Abril 16, 2019, 12:57am

E paginação está total.

thyagohenrique85 · Abril 16, 2019, 12:57am

Certo, nesse caso, acho que a outra opção é a melhor. Utilizando a aplicação blank e montando seu código em HTML

Jailton · Abril 16, 2019, 12:57am

Só. fazer ele igual ‘se tivesse fazendo uma etiqueta’.

<!-- 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

ramosinfo · Abril 16, 2019, 12:57am

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:

		<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:

ramosinfo · Abril 16, 2019, 12:57am

RESOLVIDO:

Bastava colocar:

NO COMEÇO

NO FIM

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

marciogrulke · Abril 16, 2019, 12:57am

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.

system · Abril 16, 2019, 12:57am

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.-