Data

25 out, 2013

Alterando o tema de uma aplicação no Oracle APEX

Publicidade

Olá, pessoal! Continuando nossa série de artigos, vou demonstrar hoje como substituir o tema de uma aplicação já existente.

Às vezes criamos uma aplicação utilizando um tema, depois importamos um novo tema no ambiente e gostaríamos de alterar a aplicação ou então surge a necessidade da aplicação ser apresentada em dispositivos mobile. Para isso, o APEX permite alterar e incluir os temas das aplicações.

Para esse artigo, utilizarei a aplicação de demonstração que criamos nos artigos anteriores

Propositalmente na primeira versão da aplicação exemplo, foi utilizado um tema com um apelo visual mais pobre. A ideia já era exemplificar posteriormente como alterar para um tema, digamos, mais qualificado.

  • Para alterar o tema vá em “Shared Components” -> “Themes”:

ar1

ar2

  • Crie um novo tema para a aplicação:

ar3

Veja que nesta tela também é possível, Copiar, Deletar, Alterar, Importar e Exportar os temas da aplicação.

  • Selecione a opção “From the Repository”.
  • Escolha o tipo de interface do tema. Neste momento é possível inserir um tema da aplicação para interface mobile. Neste momento vamos apenas alterar o tema desktop.

ar4

  • Agora a parte mais legal, selecionar o novo tema!

ar5

Vamos optar pelo tema 26, que contêm elementos utilizando HTML 5.

  • Confirme a criação do novo tema.
  • Agora que o novo tema foi criado, vamos altera-lo para o tema padrão da aplicação. Vá em “Switch Theme”:

ar6

Escolha qual o tema atualmente ativo da aplicação e o novo tema desejado e clique no botão “Next”:

ar7

  • Esta é a parte mais importante da migração. Fazer relacionamento entre os tipos de templates dos temas. Caso o novo tema escolhido tenha mais de um tipo de template para a mesma classe, será necessário escolher aquele que melhor se adequa. Clique no botão “Next”:

ar8

O APEX traz alguns templates como default, mas nem sempre são os mais adequados.

  • Confirme a alteração e execute a aplicação para verificar as alterações.

Veja que o tema usado anteriormente continua disponível para voltar a ser utilizado. Geralmente “customizações” utilizando tags CSS ou HTML precisam ser ajustadas.

Importante, verifique se todas as telas e recursos estão funcionando corretamente. Dependendo de como foram criadas as telas, será necessário alguns ajustes.

Infelizmente nesta versão do APEX ainda não é possível alterar os temas do tipo Desktop dinamicamente por sessão do usuário. Nem todos os temas permitem fazer a migração, para novos temas.

Veja como era e como ficou a aplicação:

Antes

ar9

 

Para acessar a aplicação com o tema antigo utilize o seguinte link abaixo:

http://apex.oracle.com/pls/apex/f?p=72484

Usuário: DEMO

Senha: imasters

Depois

ar10

Pessoal, nesse artigo vimos como utilizar alterar o tema de uma aplicação. Para acessar aplicação demo utilize o link abaixo:

http://apex.oracle.com/pls/apex/f?p=30361

Usuário: DEMO

Senha: imasters