Feliz Natal!

Faça você mesmo o Natal acontecer, empregando as maiores ferramentas do ser humano em desuso – AMOR E PAZ.

(Erasmo Shallkytton)

Exportando do Forms para Apex

Oi, o assunto hoje é sobre exportar as páginas em Forms para o Apex. Existem algumas empresas que já estão iniciando a migração, por isso vou fazer um post sobre isso.

Observação: O apex deve estar no mesmo lugar onde esta o banco e o forms.

Passo 1: É necessário que seja transformado o forms em XML, na instalação do Oracle tem dentro do Oracle Developer Suit o FORMS2XML que é quem faz a conversão.

No comando cmd da máquina, entre na pasta onde você mantém o .fmb e informe o comando frmf2xml <<nome_do_FMB.fmb>> depois é só dar um enter, que na mesma pasta onde tinha o fmb, vai estar o .XML, que este será importado para o Apex.

Obs. onde mostra na imagem abaixo [options] são alguns parâmetros de configuração, não lembro agora.

Veja o exemplo.

Passo 2: Entre no Apex, Application Builder.

Na barra de opções, clique em Application Builder e quando abrir a lista de opções clique em Migrar. (Veja no exemplo abaixo)

Passo 3: Na etapa de Migração de aplicações crie um novo projeto.

  

Passo 4: Fazer Upload: lembrando que todos a serem importados devem ser os que foram transformados em XML.

 

Clique em Upload de Arquivo.

Para o tipo de arquivo deixe a opção : Módulo do Forms fmb XML, e abaixo informe o arquivo, e depois clique em fazer upload, conforme mostra na imagem abaixo. 

 Depois de importar clique em Criar. (Veja na imagem abaixo)

Passo 5: Quando clicar em Criar, vai ficar listado as telas que foram importadas, e podem agora fazer parte de uma aplicação. Então nete passo clique em Criar Aplicação.
Obs. Não dá de importar já dentro da sua aplicação.

Passo 6: Defina o nome da Aplicação  e a interface com o usuário e deixe marcado a opçãocriar aplicação baseado no projeto de migração, em seguida clique em próximo.

Passo 7: Adicione páginas a aplicação caso necessário e em seguida clique em próximo.

Passo 8: Defina um tema para a aplicação, clique em próximo.

 

Passo 9: Por fim clique em criar como mostra a imagem abaixo. 

Passo final: Executar a aplicação e fvisualizar como a tela Forms ficou no Apex.

Bom é isso, caso tenha ficado alguma dúvida entre em contato.

Abraços.

Slide Show no APEX

Objetivo: Criar um slide show com gráficos.

- Criar uma página em branco, ou com uma região html.

- Editar a página e incluir os arquivos javascript e de CSS;

 Inclua no campo JavaScript > File URLs os arquivos:

#APP_IMAGES#bootstrap.min.js

#APP_IMAGES#holder.js

#APP_IMAGES#carousel.js

#APP_IMAGES#bootstrap.js

 Inclua nos campos CSS > File URLs os arquivos:

#APP_IMAGES#bootstrap.css

#APP_IMAGES#bootstrap.min.css

#APP_IMAGES#carousel.css

Obs. Coloquei na frente dos arquivos #APP_IMAGES#, pois adicionei-os ao APEX na parte de componentes compartilhados> Imagens, assim o APEX saberá onde está os arquivos.

E no campo HTML Header incluir:

<link href="#APP_IMAGES#bootstrap.css" rel="stylesheet">

<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->

<!--[if lt IE 9]>

<script src="#APP_IMAGES#html5shiv.js"></script>

<script src="#APP_IMAGES#respond.min.js"></script>

 <![endif]-->

(veja nas imagens abaixo, a estrutura da página e local para colocar os arquivos na edição)

- Criar as regiões que deseja apresentar no slide, no meu caso seriam gráficos, então criei mais 4 regiões com gráficos. Nestes gráficos eu informei que a região Mãe seria a do HTML que eu chamei de Slide.

 - Na região principal a de HTML, tem o seguinte código:

   <li data-target="#carousel-example-generic" data-slide-to="4"></li>

Deve ser acrescentado caso deseje um novo slide. (veja na imagem abaixo)

* Nas regiões de gráfico deve ser inserido no Header and Footeras informações:

No primeiro gráfico, ou na primeira região que deverá ser apresentada no slide:

Region Header:

<div class="item  active" align="center">

Demais regiões:

 Region Header:

<div class="item" align="center">

Region Footer:

</div>

Na última região do gráfico inclui além do fechamento do div, o seguinte:

 </div>

  <!-- Controls -->

  <a class="left carousel-control" href="#carousel-example-generic" data-slide="prev">

    <span class="glyphicon glyphicon-chevron-left"></span>

  </a>

  <a class="right carousel-control" href="#carousel-example-generic" data-slide="next">

    <span class="glyphicon glyphicon-chevron-right"></span>

  </a>

</div>

O resultado do slide dentro do APEX será o seguinte...

Todos os direitos a get Bootstrap. http://getbootstrap.com/

Os arquivos estão disponíveis para downoad na página do Bootstrap.

Abraços

Abrir link em nova aba

Oi, hoje o post é curtinho,  o assunto é abrir o link em uma nova aba, pode ser usado javascript entro outros, mas a solução interna do Apex é simples e o mais importante, Funciona!

Imagens diferentes no link

Hoje o post é sobre uma solução para colocar duas imagens diferentes no link de edição do registro do relatório.

Vamos lá...

Na região da origem do relatório a consulta SQL, incluí uma coluna chamada IMG_STS, quando o Status for igual a 1 será o nome da imagem que desejo que apareça quando estiver ativo, e a outra será o nome da imagem para quando estiver inativo. Veja no exemplo abaixo.

Edite a coluna que conter o link da região.

Na parte das propriedades da coluna de link, vamos substituir o nome da imagem que aparece de sugestão e colocar o nome da coluna que contém o nome da imagem entre #, Exemplo: #IMG_STS#

Originalmente neste campo vinha #IMAGE_PREFIX#, mas alterei para #APP_IMAGES#, pois adicionei a minha imagem no repositório de imagem dos componentes compartilhados.

É isso aí...

Qualquer dúvida, entre em contato.

Abraços!

Incluir um banner na aplicação Apex

Incluir banner na aplicação...

Primeiro passo para incluir uma imagem/banner no cabeçalho da aplicação é cadastrar a imagem.

      1. Cadastrar imagem

Entre em aplication builder > aplicação no qual será inserida a imagem, item Componentes compartilhados, conforme mostra na ilustração abaixo.

Aplication Builder > Aplicação> Componentes compartilhados.

Na página de componentes compartilhados vê a região de arquivos.

Nesse item escolha a opção imagem.

Irá redirecionar para a página contendo todas as imagens cadastradas para a aplicação selecionada, para adicionar mais um clique em criar.

Informe na primeira opção a aplicação no qual deseja associar a imagem, no segundo item escolha  o arquivo, caso tenha alguma observação a ser feita,preencha o campo com as informações a serem acrescentadas em seguida clique em Fazer Upload.

       2. Incluir imagem na aplicação.

Ainda no item de componentes compartilhados escolha a opção Editar definição.

Clique na aba Interface do usuário, conforme mostrar a imagem abaixo.

Na área de logotipo, informe que deseja mostrar a imagem  e no campo de logotipo deve colocar as informações de onde a imagem está.

Obs.:

Para saber as propriedades e valores a serem informados neste campo  tem na ferramenta a opção de localizar na barra do caminho detalhado, veja abaixo, se assemelha a uma lanterna.

Quando abrir vá até a aba Imagem, no campo Mostrar indique Itens  da Aplicação e clique em Definir.

Ao aparecer as imagens clique sobre a que será utilizada, copie a referência estática, conforme mostra na imagem abaixo.

Então é isso!

Abraços

P/ programador

Feliz dia do programador.

P.S: Essa não sou eu não... achei essa imagem no google image.