Painel de Quadro¶

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

Página de exemplo com menu de navegação lateral à esquerda e um Painel de Quadro à direita

Como Criar um Quadro¶

Para criar um Frame, você pode criar uma nova Página ou adicioná-la a uma Página existente em um aplicativo. Para o tipo de Painel, selecione Frame.

Os Frames são tratados da mesma forma que qualquer outro painel pelo Panel Layout Service. Isso significa que você pode definir Posição, Pai e Tamanho, permitindo que você coloque o Frame em qualquer lugar em que um Painel normalmente seria posicionado.

Se você estiver procurando navegar o usuário para fora do frame do painel ao vincular a uma página dentro do aplicativo, você pode usar Link To Page (de Update Methods) ou usar um Popup para sair do frame.

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

Página de Exemplo com Moldura¶

Esta página é um Frame na parte superior e um painel Form na parte inferior. Categories é o primeiro PageLinks definido. O painel Form tem dois campos de ícones que vinculam às páginas Products e Categories. Técnicas usadas:

1. Usando guias, com um tamanho mínimo de painel definido como 1 para que o Frame e o painel Form sejam sempre exibidos juntos
2. Painel Extra Tiny Form
3. Formatação condicional para destacar o ícone da página atualmente exibido no Frame
4. Tema personalizado para estilizar links de ícones lado a lado horizontalmente e uniformemente espaçados

Substituir Página no Histórico¶

O Link para a 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¶

App Builder olha para o Link para a página definido no Painel de quadros para renderizar uma página antes que o usuário clique em qualquer coisa. Observe que apenas links de um painel orientado a dados suportarão critérios. Você pode deixar o link para a página em branco se quiser esperar que o botão do painel de 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 mais alta será fornecido. Se uma Página for renderizada em um Frame, seus objetos de dados poderão saber o "contexto" do qual ela está sendo executada. Isso pode ser usado para fazer coisas como destacar o link ativo ou unir-se ao 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 Frame.

Recarregamento de Dados¶

Quando um link é processado por um Frame, App Builder disparará uma recarga global na página do contêiner. Isso é útil se a página do contêiner de nível superior tiver um painel de linha única usado como um 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 uma cor diferente (ao usar a função Page()).

URL->¶

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

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

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

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