Gvinci
SiteBlog
  • Introdução
  • Release Notes
    • V2025.1
    • v2023.1
    • v2022.2
  • Novidades
    • Versão 2023
    • Versão 2022
    • Versão 2021
  • Manual do Usuário
    • Baixando e instalando o Gvinci
    • Acesso a IDE do Gvinci
    • Conhecendo a IDE do Gvinci
      • Área de trabalho
        • Provider
        • Telerik Report Design
        • Tabelas Auxiliares
        • Parâmetros
          • Inserindo parâmetros
        • JavaScript (Editor de código)
          • JavaScript - definição
            • Comentários em JavaScript
        • C# (Editor de código)
        • Definitions
          • Módulos
            • Módulo: Página
            • Módulo: Relatório
            • Módulo: Página de dados
            • Módulo: Relatório Telerik
            • Módulo: UserControl
            • Módulo: Sidebar
            • Módulo: Processo pré-definido
              • Módulo: Item de processo
            • Módulo: Email
          • Singulares
            • Singulares: Paypal
            • Singulares: Informações do Banco de Dados
            • Singulares: Configuração de banco de dados
            • Singulares: Pesquisa em tabela
            • Singulares: Consulta
            • Singulares: Visualizador de consultas
            • Singulares: Controle de acesso
            • Singulares: Filtro
            • Singulares: Construtor de consultas
        • Design
          • Ferramentas do design
          • Formatando a tela
          • Inserindo controles no design
          • Excluindo uma figura no fundo do design
      • Painéis
        • Procurar
        • Estrutura de objetos
        • Módulos da solução <F3>
          • Excluindo Módulos
          • Inserindo módulos
          • Renomeando módulos
        • Controles <F6>
          • Controles Responsivos
            • Carousel
              • Prop: Carousel
            • Repeater
            • TabControl
            • LayoutRow
            • LayoutCol
            • LayoutContainer
              • Prop: LayoutContainer
          • Controles
            • AjaxLoading
              • Propriedades
                • AjaxLoading.EnableRowHoverStyle
            • AjaxPanel
              • Eventos do AjaxPanel
              • Propriedades
            • Banner
              • Propriedades
            • Button
              • Propriedades do Button
              • Eventos do Botão
                • Inserindo eventos para o Button
            • Captcha
              • Propriedades do Captcha
              • CheckBox
                • Eventos do CheckBox
                • Propriedades do CheckBox
            • ComboBox
              • Eventos do ComboBox
              • Inserindo itens no ComboBox
              • Propriedades do ComboBox
              • Propriedades dos Itens do ComboBox
            • DataList
              • Propriedades do DataList
            • Untitled
            • DatePicker
              • Eventos do DatePicker
              • Propriedades do DatePicker
            • Div
              • Gvinci : Propriedades do Div
            • DropDownTree
              • Propriedades do DropDownTree
            • FileUploader
              • Propriedades do FileUploader
              • Usando o FileUploader
            • Form
              • Propriedades do Form
              • Eventos do Form
            • Gantt
              • Propriedades do Gantt
            • Graph
              • Gráficos
                • Inserindo campos no Gráfico
                • Tipos de gráficos
              • Propriedades do Graph
            • Grid
              • Propriedades do Grid
              • Propriedades das Colunas do Grid
              • Usando o Grid
                • Combo no Grid
                • Gvinci : Filtros no Grid
                • Inserindo um Grid
                • Inserindo colunas no Grid
                • Link na coluna do Grid
                • Relacionamento no Grid
            • GroupBox
              • Propriedades do GroupBox
            • HtmlCodeControl
              • Itens de HtmlCodeControl
              • Propriedades do HtmlCodeControl
            • IFrame
              • Propriedades do IFrame
            • Image
              • Propriedades do Image
            • Image Gallery
              • Propriedades do Image Gallery
            • Label
              • Propriedades do Label
            • Line
              • Propriedades do Line
            • Link
              • Eventos do Link
              • Propriedades do Link
            • ListBox
              • Evento do ListBox
              • Propriedades do ListBox
              • Propriedades dos Itens do ListBox
            • LoginTab
              • Propriedades do Div - LoginTab
                • Propriedades do LoginTab
            • Map
              • Propriedades do Map
              • Usando Map com parâmetros
            • Media Player
              • Propriedades do Media Player
            • Menu
              • Propriedades do Menu
              • Propriedade dos Itens de menu
            • Pager
              • Propriedades do Pager
            • Panel
              • Propriedades do Panel
            • PasswordMeter
              • Propriedades do PasswordMeter
            • RadioButton
              • Propriedades do RadioButton
              • Evento do RadioButton
            • RadioButtonGroup
              • Evento do RadioButtonGroup
              • Propriedades do RadioButton Group
            • Rating
              • Propriedades do Rating
            • Repeater
              • Evento do Repeater
              • Propriedades do Repeater
              • Repeater - Alternating
              • Repeater - Header
              • Repeater - Body
              • Repeater - Footer
              • Repeater com Filtro
              • Usando o Repeater
            • RichLabel
              • Propriedades do RichLabel
              • Rich editor
                • Insert
                • Editing
                • Paragraph
                • Gvinci : Font
            • RTFEditor
              • Propriedades do RTFEditor
              • Usando o RTF Editor
                • Ferramentas do RTFEditor
            • Scheduler
              • Propriedades do Scheduler
            • ScrollUp
              • Propriedades do ScrollUp
            • Shape
              • Propriedades do Shape
            • StackPanel
              • Propriedades do StackPanel
            • TabControl
              • Propriedades das abas
              • Propriedades do TabControl
            • Table
              • Gvinci : Células do Table
                • Gvinci : Propriedades das células do Table
              • Gvinci : Propriedades do Table
              • Gvinci : Usando o Table
                • Gvinci : Selecionando células
                • Gvinci : Mesclando células
            • Textbox
              • Propriedades do TextBox
              • Eventos do TextBox
            • Ticker
              • Propriedades do Ticker
            • Timer
              • Propriedades do Timer
              • Eventos do Timer
            • ToolBar
              • Propriedades do ToolBar
            • TreeView
              • Propriedades do TreeView
              • Propriedades dos Itens de TreeView
            • Twitter
              • Propriedades do Twitter
            • UserControl
              • Propriedades do UserControl
            • Window
              • Propriedades do Window
            • WindowSettings
              • Eventos do WindowSettings
              • Propriedades do WindowSettings
              • Usando o WindowSettings
            • Untitled
            • Wizard
              • Propriedades das Páginas do Wizard
              • Propriedades do Wizard
            • Controles Customizados
            • Controles Padrão
            • Usando os controles
              • Gvinci : Alinhamento
                • Gvinci : Alinhamento manual
                • Gvinci : Espaçamento entre os controles
              • Gvinci : Alterando as cores dos controles
                • Gvinci : Gradiente
              • Gvinci : Aparência do ponteiro do mouse
              • Gvinci : Controles Ajax
              • Gvinci : Controles Telerik®
              • Gvinci : Desativando a edição dos controles
              • Gvinci : Eventos
                • Gvinci : Condição para execução
                • Gvinci : Destino
                • Gvinci : Funções pré-definidas
                • Gvinci : Tipo da ação
              • Gvinci : Posição e tamanho dos controles
                • Gvinci : Sobrepondo controles
                • Gvinci : Alterando a posição dos controles
                • Gvinci : Alterando o tamanho dos controles
              • Gvinci : Selecionando múltiplos controles
              • Gvinci : Validação
                • Gvinci : Condições para validação
                • Gvinci : Pesquisa em Tabela - Validação
          • Ações
        • Bancos de dados <F8>
          • Definindo bancos
            • Caminho fixo para o banco de dados
            • Tabelas
              • Campos
                • Campos já existentes
                • Controle de apresentação
                • Inserindo campos no Design
              • Relacionamentos
                • Criando um novo relacionamento
              • Integridades
              • Índices
                • Como criar um índice
              • Criar página com Grid
              • Criar página com Repeater
              • Criar um relatório
            • Consultas
              • Tipos de Consultas
          • Adaptando bancos
          • Importando um banco de dados
            • Localização do banco
            • Sincronizando bancos - Gvinci & SQL Server
        • Controles customizados <F9>
          • Adicionando um controle customizado
          • Removendo um controle customizado
        • Error List <F12>
        • Galeria de Imagens <F7>
          • Alterando a imagem
          • Atualizar banco de imagens
          • Criando um novo grupo de imagens
          • Importando uma pasta de imagens
        • Gerenciador de Estilos <F11>
        • Módulos <F5>
          • E-mail
            • Exemplo de Email
            • Definição
            • Autenticação
          • Outros
            • Script JavaScript (js)
            • Página HTML
            • Pasta
            • Folha de Estilo (css)
              • Aplicando folhas de estilo
                • Modulos
            • Classe C#
            • Arquivo XML
            • Arquivo
          • Processo pré-definido
            • Gvinci : Item de processo
              • Gvinci : Condição para processos
            • Gvinci : Exemplo de Processo Pré-definido
            • Gvinci : Eventos de um Processo
            • Gvinci : Definição do processo pré-definido
          • Projeto
          • Página ASPX
            • Controles Padrões - Página de dados
            • Propriedades da página
            • Página de erro
          • Página de Dados
            • Controles padrões da página
            • Definindo uma Página de dados
            • Eventos da Página de dados
            • Excluindo uma Página de Dados
          • Relatórios
          • Singulares
            • Configuração de banco de dados
              • Ações da Configuração de banco de dados
              • Controles padrões de Configuração de Banco de Dados
            • Construtor de Consultas
              • Controles padrões de Construtor de Consultas
              • Ações do Construtor de consulta
            • Consulta
              • Controles padrões de Consulta
            • Controle de Acesso
              • Ações do Controle de Acesso
              • Controles padrões de Controle de Acesso
              • Propriedades dos Módulos Singulares
            • Filtro
              • Controles padrões de Filtro
              • Ações de Filtro
            • Informações sobre o banco de dados
              • Ações das Informações sobre o banco de dados
              • Controles padrões de informações do banco de dados
            • PayPal
              • Cancelamento Paypal
              • Definição das configurações paypal
              • Detalhes do pagamento
              • Solicita pagamento
            • Pesquisa tabela
              • Controles padrões de Pesquisa tabela
            • Visualizador de consultas
              • Ações do Visualizador de consulta
              • Controles padrões do Visualizador de consultas
          • User Control
          • Relatórios Telerik
            • Inserindo um relatório Telerik
            • Propriedades do Relatório Telerik
            • PageHeaderSection
            • DetailSection
            • PageFoooterSection
        • Propriedades <F4>
          • Aparência
            • Untitled
            • EnableRowHoverStyle
            • BackgroundImage / Imagem de Fundo
            • BackColor / Cor de Fundo
          • Apparence-Hover
          • AutoSize Behavior
          • Comportamento
            • EnableHeaderContextMenu
          • Dados / Data Source
          • Diversos
          • Layout
          • Layout_outros
          • Miscellaneous
          • NavigationReference
          • Transição
        • Template Manager <F10>
          • Aplicando um template
          • Atualizando templates
          • Backup de Templates
          • Habilitando a edição do design
          • Removendo um template
          • Salvando um Template
          • Template Padrão
      • Barra de ferramentas
        • Personalizando sua barra de ferramentas
          • Inserindo uma imagem no botão
      • Menus do Gvinci
        • Menu Ajuda
        • Menu Arquivo
        • Menu Designer
          • Alinhar
          • Alterar texto
          • Cola
          • Copia
          • Criação de tela automática
          • Desfazer última alteração
          • Mostrar o valor do TabIndex
          • Notas de Controles
          • Posição
          • Refazer última alteração
          • Tamanhos
      • Atualização
    • Trabalhando com a solução
      • Definindo solução
      • Definindo projeto
        • Criando uma página de Login
        • Gvinci : Informações para Autenticação
          • Gvinci : Autenticação de Grupos
          • Gvinci : Autenticação de Usuários
          • Gvinci : Regras para Autenticação
        • Gvinci : Múltiplos projetos
        • Gvinci : Pasta do projeto
        • Gvinci : Removendo um projeto
        • Gvinci : Visualizando pastas
      • Gvinci : Excluindo uma solução
      • Gvinci : Exportando uma solução
      • Gvinci : Fechando a solução
      • Gvinci : Importando uma solução
      • Gvinci : Inserindo uma Barra de Menus
        • Gvinci : Excluindo menus
        • Gvinci : Inserindo menus
          • Gvinci : Adicionando eventos a itens de menus
          • Gvinci : Inserindo uma imagem no Item de Menu
          • Gvinci : Selecionando os itens de menu
        • Gvinci : Inserindo menus rapidamente
        • Gvinci : Menus com animação
      • Gvinci : Inserindo uma Página de Dados
      • Gvinci : Local da solução
      • Gvinci : Pesquisar
      • Gvinci : Salvando a solução
    • Teclas de atalho
    • Recursos Avançados
      • Rotas
      • Tabelas auxiliares e Processos
        • Fórmulas - Geral
        • Inserindo tabelas auxiliares
        • Processos
        • Lançamentos
          • Exemplo de lançamento
      • CSS
      • Editor de Códigos (CodeBehind)
        • Declarando variáveis
        • Variáveis de ambiente
          • Variáveis de ambiente personalizadas
        • Editando códigos
        • Ferramentas do Editor de Códigos
          • Colar Conteúdo do Clipboard
          • Comentar Linhas Selecionadas
          • Copiar Linhas Selecionadas
          • Desfazer Modificações
          • Recortar Linhas Selecionadas
          • Refazer Modificações
          • Retirar Comentários das Linhas Selecionadas
        • Um pouco sobre C#
          • Palavras reservadas em C#
          • Variáveis
            • Variáveis Globais ou estáticas
            • Variáveis Locais
            • Tipos de variáveis em C#
          • Parâmetros
          • Sintaxe
          • Orientada a objetos
          • Operadores lógicos e aritméticos
          • Namespaces
          • Métodos
          • Intellisense
          • Delegates
          • Constantes
          • Classes
      • Visual Basic x C#
        • Funções e Métodos
  • Core Reference
    • Gvinci Interface
    • Elementos - Controles
    • Propriedades
    • Eventos
    • Ações
    • Dados
    • Stilos
    • Plugins
  • Tutoriais em Vídeo
    • Componentes
      • WindowSettings (Gwindow)
    • G-Meeting
    • Recursos
      • Introdução Básica a Responsividade
    • Curso
      • Gvinci - Curso básico
        • Aula 1 - Instalando o Gvinci
        • Aula 2 - Criando seu primeiro projeto
        • Aula 3 - A Interface do Gvinci parte 1
        • Aula 4 ‐ A Interface do Gvinci parte 2
        • Aula 5 - Arvore de solução
        • Aula 6 - Projetos parte 1
        • Aula 7 - Projetos parte 2
        • Aula 8 - Explicando Banco de dados
        • Aula 9 - Criando Tabelas
        • Aula 10 - Criação de views e tabelas virtuais
        • Aula 11 - Criando views com os construtores padrão avançado
        • Aula 12 - Importando Banco de dados
        • Aula 13 - Adaptação de Banco
        • Aula 14 - Criando módulos no projeto explicando a aba definition
        • Aula 15 - Explicando definitions de pages e datapages
        • Aula 16 - Mostrando o Designer e desenhando a primeira tela
        • Aula 17 - Explicando Propriedade
        • Aula 18 - Explicando eventos (Client)
        • Aula 19 - Definindo as paginas padrões do sistema
      • Criando um App Financeiro
        • Aula 01 - Apresentação do Sistema
        • Aula 02 - Criando o Banco de dados
        • Aula 03 - Dicas, Extensões e Ferramentas
        • Aula 04 - Personalizando a Tela de Login
        • Aula 05 - Criação da Tela Principal
        • Aula 06 - Listagem dos Correntistas
        • Aula 07 - Cadastro de Correntistas
        • Aula 08 - Cadastro de Centro de custo
        • Aula 09 - Cadastro de Grupos e Categorias
        • Aula 10 - Tela de Configurações e de Contas
        • Aula 11 - Transferências e processos
        • Aula 12 - Tela de Lançamento e processos
        • Aula 13 - Construindo Consultas / Views
        • Aula 14 - Comandos e Funções Básicas em SQL
        • Aula 15 - Consulta de Lançamentos
        • Aula 16 - Editar Lançamentos e Transferências
        • Aula 17 - Personalização do Estilo do Grid via CSS
        • Aula 18 - Saldo das Contas (Grid)
        • Aula 19 - Gráfico de Receita e Despesa
        • Aula 20 - Gráfico de Saldo de Contas
        • Aula 21 - Gráfico de Grupos de Categoria
        • Aula 22 - Gerar parcelamento via PPD - Parte 1
        • Aula 23 - Gerar parcelamento via PPD - Parte 2
        • Aula 24 - Filtro no grid de lançamentos - Parte 1
        • Aula 25 - Filtro no grid de lançamentos - Parte 2
      • Curso - Recriando o LinkTree
        • Curso - Recriando o LinkTree - aula 1/8 | Mostrando aplicação final
        • Curso - Recriando o LinkTree - Aula 2/8 | Banco de dados
        • Curso - Recriando o LinkTree - Aula 3/8 | Tela de Cadastro
        • Curso - Recriando o LinkTree - Aula 4/8 | Criando a tela de links e aparência
        • Curso - Recriando o LinkTree - Aula 5/8 | Criando a tela do Linktree do usuário
        • Curso - Recriando o LinkTree - Aula 6/8 | Codando as funcionalidades da tela de profile
        • Curso - Recriando o LinkTree - Aula 7/8 | Criandos os pickcolors e codando suas funcionalidades
        • Curso - Recriando o LinkTree - Aula 8/8 | Criandos os pickcolors e codando suas funcionalidades
    • Canal Youtube
  • FAQ
    • FAQ: Gvinci
      • O projeto gerado poderá subsistir se eu parar de usar o Gvinci?
      • Com quais bancos de dados posso trabalhar?
      • O Gvinci gera um código fonte que depois eu possa manter? Em qual linguagem?
      • Em qual linguagem o GVinci entrega a aplicação fonte?
    • FAQ: Banco de Dados
      • Baixando e instalando o SQL Server 2012 Express (Opcional)
        • Abrindo o SQL Management Studio (Opcional)
  • Botões
    • Design
    • Barra de ferramentas
      • Botão: Roda projeto no browser
      • Botão: Procura
      • Botão: Gerar arquivos para publicação
      • Botão: Abre pasta da solução
  • Primeiros Passos
    • Tour rápido pelo Gvinci
    • Criando meu primeiro sistema web
      • Criando um sistema web - Exemplo 1
  • LEITURAS COMPLEMENTARES
    • 12 Motivos para usar o GVinci
    • Bootstrap
Powered by GitBook
On this page
  • Aparência
  • BackColor
  • BackgroundImage
  • BackgroundPosition
  • BackgroundRepeat
  • BackgroundSize
  • BackgroundStretch
  • ContainerType
  • Diversos
  • ExtraProperties
  • ExtraStyleProperties
  • Layout
  • ShowGrid
  • VerticalAlignment
  • ZIndex
  • Miscellaneous
  • ID
  • Visibility
  • Display
  • LoginVisibility

Was this helpful?

  1. Manual do Usuário
  2. Conhecendo a IDE do Gvinci
  3. Painéis
  4. Controles <F6>
  5. Controles Responsivos
  6. LayoutContainer

Prop: LayoutContainer

Propriedades

PreviousLayoutContainerNextControles

Last updated 3 years ago

Was this helpful?

Aparência

BackColor

Defina uma cor de fundo para o controle. Clique no extensor da propriedade e selecione entre Personalizar (incluindo Gradiente), Cores do sistema e Web.

BackgroundImage

Selecione uma imagem de fundo através da galeria de imagens clicando no botão extensor da propriedade.

BackgroundPosition

Define o posicionamento da imagem de fundo na área interna do LayoutContainer.

None - Imagem é posicionada no

BackgroundRepeat

Selecione o modo que deseja que a imagem de fundo seja repetida.

NoRepeat - Imagem aparece apenas uma vez.

Repeat - Imagem de fundo é repetida de modo a preencher todo o fundo lado a lado.

RepeatX - Imagem de fundo é repetida horizontalmente, no eixo X.

RepeatY - Imagem de fundo é repetida verticalemtne, no eixo Y.

BackgroundSize

BackgroundStretch

ContainerType

Diversos

ExtraProperties

Defina propriedades extras para o controle ASP.NET/HTML. O controle LayoutContainer é gerado como um objeto do tipo div.

<div id="LayoutContainer1" class="containerDefault container-fluid c_LayoutContainer1">

Veja que por padrão o controle tem as propriedades "id" e "class". Usando a propriedade ExtraProperties, poderá adicionar mais propriedades que serão geradas para o objeto div correspondente ao LayoutContainer que está definindo as propriedades, obtendo uma customização de um controle padrão, conforme sua necessidade de projeto.

ExtraStyleProperties

As propriedades extras de estilo são adicionadas no arquivo .CSS específico de cada página. Será criada uma classe com um prefixo "c_" no arquivo .CSS do módulo em questão e acrescentado o ID do controle LayoutContainer onde estarão as definições definidas nesta propriedade.

Assim, se seu LayoutContainer se chamar "LayoutContainer1", na propriedade ID, então, no arquivo .CSS da página, existirá uma definição como abaixo:

.c_LayoutContainer1
{
	border: 8px;
	background-size: auto;
	cursor: inherit;
}

Na propriedade ExtraStypeProperties, ao clicar no botão extensor da propriedade, é aberto o SimpleEditor. Onde irá editar a lista de propriedades e valores, no seguinte padrão:

nomepropriedade: valorpropriedade;

Caso precise definir apenas algumas poucas propriedades, poderá editar diretamente no campo da propriedade ou clique no botão extensor para que todo o texto com as definições seja aberto para edição.

Layout

ShowGrid

Propriedade não está em uso atualmente e pode ser retirada e futuras versões.

VerticalAlignment

Define o alinhamento vertical do controle LayoutContainer com relação ao Form.

A opção "Manual" determina um alinhamento livre, conforme posicionamento feito arrastando o controle com o mouse ou usando as teclas de setas de movimentação para cima ou para baixo.

A opção "Top" alinha o controle no topo do Form. A opção "Center" centraliza o controle verticalmente na região central do formulário. Enquanto que a opção "Bottom" alinha verticalmente o controle na parte inferior do Form.

ZIndex

Define a ordem de empilhamento de objetos. Um objeto com valor maior de ZIndex estará sempre na frente de objetos com ZIndex menor.

As teclas CTRL+K e CTRL+Q levam o objeto a um maior ZIndex ou menor ZIndex, respectivamente. Fazendo com que um controle fique mais para frente ou mais para trás de outro.

O valor da propriedade pode ser editado diretamente.

Na barra de ferramentas da janela de design, os botões destacados na imagem abaixo são responsáveis por trazer um objeto para a frente dos demais ou levar o objeto para trás dos demais. Portanto, alterando o ZIndex dos mesmos:

Miscellaneous

ID

Define um nome ou identificação para o controle, de modo que possa ser referenciado em código e também seja identificado de forma unívoca nos locais onde são listados. Exemplo:

No topo do painel de propriedades são listados numa caixa de seleção todos os controles posicionados na tela. Sendo exibido do lado esquerdo o ID do controle e do lado direito o tipo do controle.

O nome do controle é de livre escolha, evitando-se o uso de palavras-chaves que corresponda a comandos das linguagens de programação envolvidas. Devem começar com letras, evitar caracteres especiais e preferencialmente usar nomes autoexplicativos que tenham significado claro para o objetivo que estão empregados no projeto.

O Gvinci gera um ID padrão para cada controle adicionado na tela de design, usando o nome do tipo de controle seguido de um valor numérico sequencial. Dessa forma, já é possível a identificação de cada controle, mas fique livre para renomeá-los como achar adequado.

Visibility

Display

Veja também:

LoginVisibility

Define a visibilidade do controle conforme o status da autenticação.

Always - Exibe sempre o controle.

OnlyLoggedIn - Exibe o controle apenas quando existe uma seção autenticada ativa.

OnlyLoggedOut - Exibe o controle apenas quando não existe uma seção autenticada ativa.

Define a visibilidade dos controles conforme as definições de .

e

Display do Bootstrap
https://developer.mozilla.org/en-US/docs/Web/CSS/display
https://www.w3schools.com/cssref/pr_class_display.asp