Blocos de página : Como montar soluções com blocos de página

Esta seção descreve o funcionamento de como montar soluções no Portal Studio que aproveitam a funcionalidade de Blocos de página.

No Portal Studio do LumisXP existe uma maneira muito agil de criar blocos de página. Quando estiver visualizando uma página com arquivo de layout no Portal Studio, você pode selecionar Marcar HTML. Nesse modo por padrão você pode marcar page holders, mas é possível selecionar a opção Marcar Bloco de Página. Nesse modo quando você mover seu mouse na página ele destaca os blocos de HTML (div/nav/span/article/section etc.) que não estão dentro de um Page Holder ou Bloco de página. Selecione o bloco de html que você quer separar num bloco de página. Ao clicar em cima do bloco de html o portal abre um light-box com nome e html do bloco da página. Selecionando OK, o portal automaticamente vai fazer seguinte:

1. Criar um novo layoutfile no tema da página original. Esse layoutfile vai ter o html do bloco de html selecionado acima. (Note: o tema/modulo tem que ser editavel para isso funcionar.)
2. Criar um bloco de página no mesmo canal da página original referenciando o layout file criado em (1).
3. Migrar os interfaces e page holders da página original que ficam dentro do bloco e html selecionado para o bloco de página criado em (2).
4. Modificar o layoutfile original da página removendo o bloco de html selecionado e substituindo ele com um novo page holder num page dummy tag.
5. Se não existir, criar uma instancia de serviço do Visualizador de Bloco de Página no canal da página original.
6. Criar e inserir uma interface nova de Visualizar Bloco de Página, da instancia de serviço criada no item (5), no page holder criado no item (4).
7. Configurar o Visualizador de Bloco de página para referenciar o Bloco de página criado em (2).

Agora se você quer referenciar um bloco de página previamente criado no light-box escolha a opção "Referir bloco de página existente". Ai você pode escolher um bloco de página existente. Nesse caso ao selecionar OK, o portal automaticamente vai fazer seguinte:

1. Apagar as instancias de interfaces da página original que ficam dentro do bloco de html marcado.
2. Modificar o layoutfile original da página removendo o bloco de html selecionado e substituindo ele com um novo page holder num page dummy tag.
3. Se não existir, criar uma instancia de serviço do "Visualizador de Bloco de Página" no canal da página original.
4. Criar e inserir uma interface nova de Visualizar Bloco de Página, da instancia de serviço criada no item (3), no page holder criado no item (3).
5. Configurar o Visualizador de Bloco de página para referenciar o Bloco de página selecionado.