¡Caminando hacia el éxito!

Aprende en Comunidad

Avalados por :

Como personalizar o texto no campo de entrada (sap.m.Input) no SAPUI5

  • Creado 01/03/2024
  • Modificado 01/03/2024
  • 12 Vistas
0
Cargando...

Olá a todos,

Estou com dificuldades com o texto no campo de entrada (sap.m.Input). Gostaria que o texto estivesse em negrito ou maior que o padrão. Existe alguma forma de fazer isso? Tentei com CSS, mas infelizmente sem sucesso. Ou será que posso fazer isso com sap.m.FormattedText ?

Cumprimentos

Jarda

Pedro Pascal
Se unió el 07/03/2018
Pinterest
Telegram
Linkedin
Whatsapp

4 Respuestas

0
Cargando...

Não faz a fonte ficar maior. Apenas "mover" para baixo (por exemplo, 1,5 rem, 2,5 rem)

Antes:

Depois:

font2.png font.png
Respondido el 15/04/2024
LUCIANO RIOJA GHIOTTO
Se unió el 13/07/2019
0
Cargando...

jaroslav.hrbacek Claro, simplemente adicione mais estilos encadeando o método `style` do RenderManager .

        // ...
            renderManager.style("font-weight", "bold").style("font-size", "1.5rem")/*...*/;
        
    
Respondido el 15/04/2024
LUCIANO RIOJA GHIOTTO
Se unió el 13/07/2019
0
Cargando...

Muito obrigado, está funcionando.

Posso deixar a fonte ainda maior?

Respondido el 15/04/2024
LUCIANO RIOJA GHIOTTO
Se unió el 13/07/2019
0
Cargando...

sap.m.InputBaseRenderer (recentemente visível na referência da API) fornece a API addInnerStyles com a qual os desenvolvedores podem adicionar estilos adicionais ao valor de entrada interno.

Aqui está um trecho de um exemplo que usei para outra resposta...: https://embed.plnkr.co/ik9PIdHKvK8udpQt?show=control%2FInput.js,preview

sap.ui.define([
  "sap/m/Input",
  "sap/m/InputRenderer",
], function (Input, InputRenderer) {
  "use strict";

  return Input.extend("demo.control.BoldInput", {
    renderer: {
      apiVersion: 2,
      addInnerStyles: function (renderManager) {
        InputRenderer.addInnerStyles.apply(this, arguments);
        renderManager.style("font-weight", "bold");
      },
    },

  });
});
<!-- Na visualização ou fragmento: -->
<my:BoldInput xmlns:my="demo.control" /> 

___

PD: Prefiro a opção anterior sobre o CSS personalizado, pois o CSS personalizado não faz parte da API pública . Ou seja, a saída do texto HTML do controle no DOM pode mudar em futuras versões do UI5. Implementar os métodos de gancho do Input(Base)Renderer, por outro lado, é uma abordagem publicamente documentada .

Respondido el 15/04/2024
LUCIANO RIOJA GHIOTTO
Se unió el 13/07/2019

contacto@primeinstitute.com

(+51) 1641 9379
(+57) 1489 6964

© 2024 Copyright. Todos los derechos reservados.

Desarrollado por Prime Institute

¡Hola! Soy Diana, asesora académica de Prime Institute, indícame en que curso estas interesado, saludos!
Hola ¿Puedo ayudarte?