AbapFox OpenUi5 Local Resource


Resource local do library? O loko meu! 


Uma das grandes dificuldades de mexer com UI5 e seu lindo bootstrap é que utilizar este bootstrap causa uma dor de cabeça bem grande. Não é possível usar o source local do sap-ui-core.js, o browser não permite por razões de segurança. Se usar em domínios diferentes, o CORS vai berrar e não vai ser muito legal.

Porem, sempre tem um jeito! Essa solução é linda por várias razões: Ela deixa os apps bem rápido, já que não precisa consumir nada via CDN (Content Delivery Network).

E para desenvolver, nada melhor! Então segue uma forma simples e funcional pra fazer isto acontecer.

Você vai precisar do Chrome (claro, nem pensar em usar outro mais...)  e um aplicativo para chrome e uma extensão:

O Primeiro é o Web Server for Chrome. Incrivel! Ele cria um server de qualquer folder local e o folder será nosso lindo repositório que você pode baixar no link da sap:


AbapFox OpenUi5


          Baixe, descompacte e selecione a pasta com a versão no CHOOSE FOLDER


AbapFox OpenUi5

Agora para deixar tudo OK e evitar que o CORS coma seus icones e fontes utilize a extensão Who CORS?. Ative ela e consuma diretamente seu resources!


Até o momento deste post, essa solução funciona maravilhosamente bem! Enjoy!


AbapFox OpenUi5

Quer aprender ABAP definitivamente, sem precisar sair de casa?

Acesse: www.abapfox.org

“O sucesso é a soma de pequenos esforços repetidos dia após dia” – Robert Collier 

















Vídeo rápido que mostra como criar uma table control e fazer algumas alterações de status com ícone e ToolTip no Icone.




System is not configured for field exits

Como resolver?

Entre na RZ10


F4 para exibir as opções



Se não aparecer estas opções, é necessário carrega-las do servidor:



...Of Active Servers...



Depois é só voltar para a tela inicial.

Escolha a opção Instance Profile





Marque o radio button Extended Maintenance

e click em Change













Click em No e em SAVE




Pronto, agora basta baixar e subir o minisap e poderá mexer com suas field exits normalmente!








Como saber qual campo da transação é o equivalente ao da BAPI:

Vá na transação que você almeja: Ex. VA03

Quero saber o equivalente do Order Reason


F1 no campo:






Duplo click no Data Element:



Va na aba:




ORD_REASON é o campo que vai entrar nas estruturas/tabelas da BAPI.































Sempre temos que garantir o máximo aproveitamento das telas. Espaço vazio que poderia estar sendo preenchido pelo container de algum objeto ou de uma table control não podem ser desperdiçados.

Aqui vai a dica para tal intento:

Na aba caracteristica da tela (primeira aba) maximize a sua screen:


O tamanho máximo é 200 x 240

Tanto a table control como os containers e as sub-screens tem as configurações de redimensionamento:

Para sub-screens e containers, preencha toda a área da tela. Para table control isso pode dar um estouro de memória, já que ele cria cada elemento na tela. Então estenda apenas horizontalmente ao máximo da tela, e na altura, uma que peque um pouco mais do que o máximo a ser utilizado pelo usuário.

Assim mesmo que a resolução se altere ou o usuário diminua a tela, os objetos ocuparão o máximo possível.

Claro que nem tudo são flores e dependendo do conjunto de elementos da tela, pode ocorrer que este redimensionamento falhe, mas sempre tem uma forma de corrigir, ajustando os elementos. Ai vai da experiência de cada abap.

Belezinha?

É isso ai!

Copyright © 2013 ABAP SAP - AbapFox! Aprenda ABAP Definitivamente