Painel de Moldura

Um Painel de Quadro permite que uma página reserve um espaço na tela onde o link da página selecionada será carregado. Quadros são tipos de painéis sem conteúdo próprio. Quando existe um quadro em uma tela, qualquer navegação na página será direcionada para a área do quadro em vez de substituir a tela inteira. Esse recurso permite exibir um menu de navegação lateral e, em seguida, o contêiner Quadro renderiza o conteúdo da página associada com base no link de navegação do menu selecionado no menu de navegação lateral.

Exemplo de página com menu de navegação lateral à esquerda e um painel de moldura à direita

Como Criar uma Moldura

Para criar um quadro, você pode criar uma nova página ou adicioná-la a uma página existente em um aplicativo. Para o tipo de painel, selecione Moldura.

As molduras são tratadas da mesma forma que qualquer outro painel pelo Panel Layout Service. Isso significa que você pode definir a posição, o pai e o tamanho, permitindo colocar a moldura em qualquer lugar onde os painéis normalmente seriam posicionados.

Se você deseja navegar para o usuário fora do quadro do painel ao vincular a uma página dentro do aplicativo, você pode usar Link To Page (em Métodos de atualização) ou usar um Popup para sair do quadro.

Para que um Frame funcione, ele precisa estar emparelhado com outro Painel que conduza o conteúdo a ser carregado nele. Por exemplo: um painel Formulário exibindo botões do menu de navegação.

Exemplo de Página com Moldura

Esta página é um quadro na parte superior e um painel Formulário embaixo. Categorias são os primeiros PageLinks definidos. O painel Formulário possui dois campos de ícones vinculados às páginas Produtos e Categorias. Técnicas utilizadas:

1. Usando guias, com um tamanho mínimo de painel definido como 1 para que os painéis Moldura e Forma sejam sempre mostrados juntos
2. Painel Formulário Extra Minúsculo
3. Formatação condicional para destacar o ícone da página atualmente mostrado no quadro
4. Tema personalizado para estilizar links de ícones lado a lado horizontalmente e com espaçamento uniforme

Substituir Página no Histórico

Link para página em nível de campo pode usar Substituir página no histórico em um quadro. Se usado em uma barra lateral, clicar em vários links substituirá o conteúdo do quadro, mas pressionar o botão Voltar retornará à página anterior.

Página Padrão

O Vinyl analisa o Link To Page definido no painel Frame para renderizar uma página antes que o usuário clique em qualquer coisa. Observe que apenas links de um painel baseado em dados darão suporte a critérios. Você pode deixar o link para a página em branco se quiser esperar que o botão do painel Formulário forneça a página padrão do quadro.

Função de Tempo de Execução MvSQL Chamada Page()

Este recurso fornece uma função mvSQL chamada Page(). Sem um parâmetro, o UUID da página superior será fornecido. Se uma página for renderizada em um quadro, seus objetos de dados poderão saber o “contexto” a partir do qual ela está sendo executada. Isso pode ser usado para fazer coisas como destacar o link ativo ou ingressar no App_Page regra para obter o nome da página para um rótulo de página personalizado.

A função também aceita um único parâmetro de string 'frame', para determinar qual página está atualmente carregada no quadro.

Nota

Este conceito funciona em todas as páginas agora, mesmo sem usar Frames

Recarregamento de Dados

Quando um link é processado por um Frame, o Vinyl dispara um recarregamento global na Página do Container. Isso é útil se a página do contêiner de nível superior tiver um painel de linha única usado como menu. O objeto de dados pode se atualizar para fazer coisas como carregar o título da página emoldurada, ícone ou usar formatação condicional para tornar o link do menu ativo com uma cor diferente (ao usar a função Page()).

URL

Quando você vincula uma página pela primeira vez ("ContainerPage", por exemplo), o URL será: /app/MyApplication/ContainerPage

O Vinyl atualizará imediatamente a barra de endereço para: /app/MyApplication/ContainerPage/**PageInFrame**

Os links de entrada podem ser personalizados para pré-incluir esse formato se você quiser controlar quais páginas são carregadas em um quadro. A filtragem na coluna de um Frame é feita usando &Framed.{{ColumnName}}={{ColumnValue}} após os nomes do aplicativo e da página na primeira parte do URL:

app/MyApplication/OuterPage/MyApplication/InnerPage?OuterPageCriteria=123&Framed.InnerPageCriteria=456