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”:
- Crie um novo tema para a aplicação:
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.
- Agora a parte mais legal, selecionar o novo tema!
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”:
Escolha qual o tema atualmente ativo da aplicação e o novo tema desejado e clique no botão “Next”:
- 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”:
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
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
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