Red Hat Summit Red Hat SummitSuporteConsoleDesenvolvedoresComeçar um testeContato

2.3. Criando uma Marca para o Aplicativo Business Central

O aplicativo web Business Central permite a personalização de sua aparência, possibilitando que você substitua alguns de seus estilos padrão. A possibilidade de personalizar uma marca para o Business Central permite que você tenha uma aparência consistente em todos os seus aplicativos e, consequentemente, melhore a experiência do usuário. Isso também ajuda nos casos em que várias equipes usam o aplicativo, pois cada equipe pode desenvolver a sua própria interface de usuário. Os elementos personalizáveis são criados usando folhas de estilos em cascata (CSS), imagens e arquivos HTML, fornecendo uma abordagem fácil e flexível para a personalização, sem que o código precise ser recompilado.
Você pode modificar os seguintes elementos no aplicativo Business Central para seguir a linha da marca da sua empresa:
  • Tela de login
    Você pode personalizar os seguintes atributos da tela de login do Business Central:
    • A imagem de plano de fundo
    • O logotipo da empresa
    • O logotipo do aplicativo
  • O cabeçalho do aplicativo
    Você pode personalizar os seguintes atributos do cabeçalho do aplicativo Business Central:
    • O cabeçalho do Business Central contendo o título e o logotipo do banner
  • Janelas pop-up de ajuda
    Você pode personalizar os seguintes atributos das janelas de pop-up de ajuda da tela inicial:
    • As imagens de ajuda da tela inicial
    • O texto do rótulo

2.3.1. Personalizando a Página de Login do Business Central
Copiar o link

Procedimento 2.2. Alterando a Imagem de Plano de Fundo da Página de Login do Business Central

  1. Inicie o servidor EAP e abra http://localhost:8080/business-central em um navegador da web.
  2. Copie a nova imagem de plano de fundo no diretório $EAP_HOME/standalone/deployments/business-central.war/images na sua instalação do JBoss BPM Suite.
  3. Navegue até o diretório $EAP_HOME/standalone/deployments/business-central.war/styles e abra o arquivo login-screen.css em um editor de texto.
  4. No arquivo login-screen.css, forneça o local da sua nova imagem de plano de fundo no seguinte atributo background-image. 
    background-image: url("../images/login-screen-background.jpg");
    O atributo background-image aponta para a imagem padrão login-screen-background.jpg.
    Além da imagem de plano de fundo, você também pode modificar outros atributos, tais como: o tamanho da imagem, a posição e a cor do plano de fundo no arquivo login-screen.css.
Atualize a página de login do Business Central para visualizar as suas alterações.

Procedimento 2.3. Alterando o Logotipo da Empresa na Página de Login do Business Central e o Logotipo do Projeto

  1. Inicie o servidor EAP e abra http://localhost:8080/business-central em um navegador da web.
  2. Naveque até o diretório $EAP_HOME/standalone/deployments/business-central.war/images na sua instalação do JBoss BPM Suite.
  3. Substitua a imagem padrão login-screen-logo.png por uma nova imagem. Esse é o logotipo da empresa que aparece no canto superior direito da página de login.
  4. Substitua a imagem padrão RH_JBoss_BPMS_Logo.pngRH_JBoss_BRMS_Logo.png por uma nova imagem. Esse é o logotipo do projeto que aparece no lado central esquerdo da página de login.
Atualize a página de login do Business Central para visualizar as suas alterações.

2.3.2. Personalizando o Cabeçalho do Aplicativo Business Central
Copiar o link

Procedimento 2.4. Alterando o Cabeçalho do Aplicativo Business Central (Banner)

  1. Inicie o servidor EAP e abra http://localhost:8080/business-central em um navegador da web.
  2. Faça o login no aplicativo Business Central com as suas credenciais de usuário.
  3. Copie a sua nova imagem de cabeçalho do aplicativo no diretório $EAP_HOME/standalone/deployments/business-central.war/banner na sua instalação do JBoss BPM Suite.
  4. Abra o arquivo $EAP_HOME/standalone/deployments/business-central.war/banner/banner.html em um editor de texto.
  5. No arquivo banner.html, edite a seguinte tag <img> para fornecer o nome da sua nova imagem de cabeçalho: 
    <img src="banner/logo.png"/>
    A imagem padrão é logo.png.
Atualize a página inicial do Business Central para visualizar as suas alterações.

2.3.3. Personalizando as Janelas de Ajuda da Tela Inicial
Copiar o link

O diretório $EAP_HOME/standalone/deployments/business-central.war/plugins contém as páginas da tela inicial e seus arquivos html correspondentes. Cada página da tela inicial mantém o nome do arquivo html, o qual possui informações sobre a(s) imagem(s) e o texto a ser exibido. Por exemplo, a página da tela inicial authoring_perspective.splash.js aponta para o arquivo authoring_perspective.splash.html. authoring_perspective.splash.html contém os nomes e o local de todos os arquivos de imagem que aparecem na ajuda da tela inicial da Perspectiva de Criação, assim como as suas legendas. Você pode personalizar as imagens e as correspondentes legendas das janelas pop-up de ajuda da tela inicial existente.

Procedimento 2.5. Alterando as Legendas e as Imagens de Pop-Up de Ajuda da Tela Inicial

  1. Inicie o servidor EAP e abra http://localhost:8080/business-central em um navegador da web.
  2. Faça o login no aplicativo Business Central com as suas credenciais de usuário.
  3. Copie a(s) sua(s) nova(s) imagem(s) no diretório $EAP_HOME/standalone/deployments/business-central.war/images na sua instalação do JBoss BPM Suite.
  4. Abra o arquivo html correspondente a partir do diretório $EAP_HOME/standalone/deployments/business-central.war/plugins em um editor de texto.
  5. Edite o arquivo html para apontar para a sua nova imagem de ajuda da tela inicial. Por exemplo, para alterar a primeira imagem que aparece na ajuda da tela inicial da Perspectiva de Criação, edite a seguinte tag <img> no arquivo authoring_perspective.splash.html para adicionar a sua nova imagem: 
    <img src="images/authoring_perspective1.png" alt="">
    A imagem padrão é authoring_perspective1.png, ela aparece na primeira página de ajuda da tela inicial da Perspectiva de Criação.
  6. Para alterar a legenda da imagem que aparece na ajuda da tela inicial, edite os conteúdos das tags <h4> e <p> abaixo da tag <img>: 
    <h4>Authoring</h4>
<p>Modularized and customizable workbench</p>
Atualize a página inicial do Business Central e acesse as janelas pop-up de ajuda da tela inicial para visualizar as suas alterações.
Red Hat logoGithubredditYoutubeTwitter

Aprender

Experimente, compre e venda

Comunidades

Sobre a documentação da Red Hat

Ajudamos os usuários da Red Hat a inovar e atingir seus objetivos com nossos produtos e serviços com conteúdo em que podem confiar. Explore nossas atualizações recentes.

Tornando o open source mais inclusivo

A Red Hat está comprometida em substituir a linguagem problemática em nosso código, documentação e propriedades da web. Para mais detalhes veja o Blog da Red Hat.

Sobre a Red Hat

Fornecemos soluções robustas que facilitam o trabalho das empresas em plataformas e ambientes, desde o data center principal até a borda da rede.

Theme

© 2026 Red HatVoltar ao topo