11
Os conceitos para Template e Layout se aplicam além da web, e são utilizados por N áreas. Focando ao desenvolvimento web como sua dúvida:
Template
É um conjunto de arquivos e instruções, contendo apenas a parte visual da apresentação do conteúdo. É um modelo de documentos que dará forma ao conceito final.
Layout
É a forma como o conteúdo é formatado ...
respondida 24/09/15 às 20:22
Marcelo de Andrade
7.15122 medalhas de ouro2323 medalhas de prata6363 medalhas de bronze
10
Height é a própria altura do formulário. Ela conta por exemplo a barra de títulos e as bordas superiores e inferiores.
ClientHeight é a altura disponível para componentes filhos do formulário.
Por exemplo: se a altura de um formulário modal for limitada ao tamanho ClientHeight do formulário principal, e este formulário modal estiver verticalmente alinhado ...
respondida 30/10/14 às 18:54
Caffé
17,1mil11 medalhas de ouro3333 medalhas de prata7777 medalhas de bronze
6
Sim, pode. Como é uma linguagem que acessa o sistema operacional nativamente pode fazer tudo e muito mais.
Note que não é a linguagem que fornece esta capacidade, é o sistema operacional e a biblioteca da linguagem oferece um acesso facilitado.
Mas é bem diferente do que se faz para web. Até mesmo a UX deveria ser diferente. Você como designer de UX deve ...
respondida 3/04/18 às 17:58
5
Faço assim usando as propriedades display:table e display:table-cell e vertical-align:bottom
display:table - Elemento Pai DIV
display:table-cell - Elemento Filho UL com vertical-align:bottom
div {
display: table;
width: 100%;
}
ul {
list-style: none;
height: 340px;
width: 100%;
padding: 5px;
background-color: #ccc;
display: ...
respondida 28/05/15 às 19:35
Diego Souza
16,4mil33 medalhas de ouro2626 medalhas de prata8282 medalhas de bronze
5
Acredito que sim. A ideia do MVC é justamente separar as responsabilidades dos diversos componentes e até mesmo as tarefas a serem executadas no projeto.
Mas se considerar que o layout nunca está pronto não faz tanta diferença. Cada um pode achar seu melhor modelo de gerenciamento do projeto. Isso pode variar com a quantidade e qualificação específica dos ...
respondida 11/10/15 às 15:35
5
Já descobri como resolver a ambos os problemas.
O problema principal se deve ao fato de que o QScrollArea não trabalha bem com uma widget interna que contenha widgets filhas organizadas em layout se não for permitido à widget do scroll ajustar seu tamanho automaticamente. Para isso, basta definir como true o valor da propriedade widgetResizable.
O bacana é ...
respondida 22/08/16 às 21:13
Luiz Vieira
33,6mil55 medalhas de ouro8080 medalhas de prata154154 medalhas de bronze
4
Alexander, para vc fazer este chat vc tem que trabalhar com linguagem do tipo PHP e banco de dado como MYSQL, pois eles serão responsável por armazenar e mostrar na tela a resposta da outra pessoa.
Mas a parte funcional onde vc envia fica mais ou menos assim:
function sendMsg(){
var send = $('.send_msg').val();
if(send){
$('.display_msg')....
4
Tu cria um JavaScript assim:
function updateScroll() {
var element = document.getElementById("teste");
element.scrollTop = element.scrollHeight;
}
updateScroll();
var timerId = window.setInterval(1, 1000);
setTimeout(function () {
clearInterval(timerId)
}, 10000);
No CSS não é preciso alterar nada, mas pode usar o seguinte para esconder a ...
respondida 28/05/15 às 19:54
Leonardo
9.05466 medalhas de ouro5454 medalhas de prata112112 medalhas de bronze
4
Podes mudar esse aspeto com o border-collapse assim:
table { border-collapse:collapse };
junta isso no teu ficheiro de CSS ou dentro dessa página assim:
<style>
table { border-collapse:collapse };
</style>
Se quiseres também reforçar a border podes fazer por exemplo
border: 2px solid black;
Exemplo: http://jsfiddle.net/572k8Lv3/1/
respondida 20/09/15 às 18:52
4
Certo ou errado é relativo. Duvido que exista uma resposta definitiva para cada caso. Tem que fazer o que é o ideal para a situação. De fato precisa de experiência para acertar cada caso, especialmente quando parece que duas soluções são viáveis, e isto é importante. O problema do uso da tabela como formatador (o que ocorria no passado) é que ela ...
respondida 2/02/15 às 13:20
4
Faça isto, acaso necessite que o container do ul tenha o tamanho exato de 380px como no exemplo, terá que ter uma div por fora com essa medida para ele:
ul {
list-style: none;
max-height:380px;
width:500px;
overflow-y:auto;
padding:5px;
background-color:#ccc;
position: absolute;
bottom:0;
}
ul>li {
...
4
O Erro está neste trecho:
$this->layout->$this->layoutcontent = View::make('admin.index');
A propriedade é content mas tu tens $this->layoutcontent, deverás alterar para :
$this->layout->content = View::make('admin.index');
Ver também a documentação em: Laravel - Controller Layouts (Inglês)
4
Para que os teus elementos respondam à largura da tela, tens que trabalhar com unidades de medida baseadas na mesma. O mais prático para o teu caso é trabalhar com percentagens.
Neste caso prático, deverás alterar as larguras fixas em pixeis que tens nos elementos em baixo indicados para os seguintes valores em percentagem:
CSS
.main{
width:50%; ...
respondida 1/07/14 às 1:01
Zuul
34,8mil1818 medalhas de ouro8787 medalhas de prata180180 medalhas de bronze
4
Bom, se não precisar dar suporte para navegadores muito antigos tu pode usar o flexbox do CSS3, se encaixa como uma luva no seu caso.
Veja o exemplo
body {
color: #fff;
display: flex;
min-height: 100vh;
flex-direction: column;
}
#header,
#content,
#footer {
padding: 1em;
}
#header,
#footer{
background-color: #3498db;
}
#...
respondida 11/01/16 às 17:09
waghcwb
1.88511 medalhas de ouro99 medalhas de prata2727 medalhas de bronze
4
Altere seu codigo por isso:
<android.support.design.widget.TextInputLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginTop="300dp"
android:gravity="center"
app:passwordToggleEnabled="true"
app:passwordToggleTint="@color/colorPrimary">
<EditText
android:id="@+id/...
4
A forma de iniciar a ColetarActivity está errada. Você não deve instanciar uma classe Activity manualmente. O correto seria algo como:
Intent intent = new Intent(this, ColetarActivity.class);
intent.putExtra("check_status", message);
startActivity(intent);
Ou, por estar em um adapter, usando um Context:
Intent intent = new Intent(context, ColetarActivity....
3
No Netbeans recomendo o GroupLayout. O IDE possui excelente suporte e o layout é bastante flexível (permitindo ancorar elementos, setar políticas para crescimento vertical e horizontal, etc). Você terá uma experiência muito parecida com desenvolvimento em IDES da Borland e Microsoft.
Tenha em mente porém que o código gerado para posicionar os elementos com ...
respondida 14/10/14 às 20:32
Anthony Accioly
20,2mil22 medalhas de ouro4747 medalhas de prata101101 medalhas de bronze
3
Ainda não existe esse tipo de edição mais inteligente implementado de forma nativa no WordPress, mas acredito que dentro de pouco tempo exista.
Quando você usa o customizador para personalizar cores por exemplo, é inseriro no código HTML do seu template, uma ou mais tags style com os códigos prontos baseados nas opções que você definiu no editor.
Vendo o ...
3
Pelo conteúdo da tua pergunta não sei se está a ter em conta o caminho para o layout:
$layout->setLayoutPath('caminho/para/o/layout');
Mas também podes alterar o teu código para:
$this->_helper->layout->setLayout('/caminho/para/o/layout/layout_paginas');
Notas:
O caminho para o ficheiro é relativo à pasta de layouts, que por defeito está ...
respondida 17/12/13 às 19:51
Zuul
34,8mil1818 medalhas de ouro8787 medalhas de prata180180 medalhas de bronze
3
Use o LayoutInflater para pegar uma View que representa seu arquivo xml.
LayoutInflater inflater = LayoutInflater.from(getContext());
View view = inflater.inflate(R.layout.main, null, false);
A partir da view, pegue as instancias de seus EditText e do Button:
EditText edtText= (EditText) view.findViewById(R.id.edit_text);
Button btn = (Button) view....
3
Fiz assim, usando um BorderLayout para ajudar:
import java.awt.BorderLayout;
import java.awt.Dimension;
import java.awt.EventQueue;
import javax.swing.JButton;
import javax.swing.JFrame;
import javax.swing.JPanel;
import javax.swing.JScrollPane;
import javax.swing.JTable;
public class PosicionaTabela extends JFrame {
public PosicionaTabela() {
...
respondida 3/09/17 às 1:08
Victor Stafusa
62,5mil88 medalhas de ouro106106 medalhas de prata174174 medalhas de bronze
3
Provavelmente é Webkit (Safari ou nativo do Android), basta usar a propriedade:
#buttonhide2 {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
respondida 30/10/18 às 21:42
2
Rodando seu código obtive isso:
Eu consegui criar o painel com os botões com o layout que eu quero, porém não consigo coloca-lo no canto direito do meu container.
Uma solução simples é jogar seu GridBagLayout dentro de um BorderLayout, escolhendo a posição EAST, também conhecida como LINE_END.
Basicamente seu código estava assim:
contentPane = ...
respondida 26/04/14 às 19:14
2
Tente assim:
// Usar o layout layout_paginas.phtml como padrão
Zend_Layout::getMvcInstance()->setLayout('layout_paginas');
Caso contrário, utilize da mesma maneira que você fez, porém informando o caminho relativo do layout:
// Neste caso, o diretório padrão é esse: application/layouts/scripts/
$this->_helper->layout->setLayout('application/...
respondida 17/12/13 às 19:54
Patrick Maciel
2.26111 medalhas de ouro1212 medalhas de prata2929 medalhas de bronze
2
Você não precisa colocar:
<div class="col-xs-offset-2 col-sm-offset-0 col-md-offset-0 col-lg-
offset-0 col-xs-8 col-sm-4">
Basta colocar uma vez o offset-0 que vai por herança até o final.
Ficaria assim:
<div class="col-xs-offset-2 col-sm-offset-0 (a partir daqui o "0" fica igual para md e lg)
col-xs-8 col-sm-4">
2
Achei a melhor solução usando CSS3. Fiz alguns cálculos de cabeça e acabei descobrindo a função calc() (pode ser 'hackeado' de algumas outras formas usando width relativa e margin absoluta).
O passo inicial é dividir o layout no meio. No meu caso, o layout poderia assumir o valor máximo de 1166px. 1166/2 = 583.
Então, meu código ficou assim:
#content-...
respondida 27/08/14 às 19:47
Gabriel Tadra Mainginski
69733 medalhas de prata1616 medalhas de bronze
2
Tente adicionar isso ao final:
$(document).ready(function() {
WszW = $(window).width();
gTCP(WszW);
});
Caso seu JS esteja antes das imagens ou antes do tamanho da janela ser resolvido, isso vai garantir que ele atualize a largura ao final do carregamento da página, e que ele execute a função novamente, com a largura definida.
Apenas as respostas wiki não pertencentes à comunidade mais votadas e de um tamanho mínimo se qualificam
Tags relacionadas
layout × 133css × 34
java × 29
android × 27
html × 25
swing × 18
php × 11
layout-responsivo × 6
c# × 5
html5 × 5
twitter-bootstrap × 5
xml × 5
flutter × 5
grid × 5
laravel × 4
front-end × 4
gui × 4
javascript × 3
asp.net-mvc × 3
css3 × 3
ios × 3
android-layout × 3
mobile × 3
template × 3
alinhamento × 3