Avalados por :
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
jaroslav.hrbacek Claro, simplemente adicione mais estilos encadeando o método `style` do RenderManager .
// ...
renderManager.style("font-weight", "bold").style("font-size", "1.5rem")/*...*/;
Muito obrigado, está funcionando.
Posso deixar a fonte ainda maior?
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 .
contacto@primeinstitute.com
(+51) 1641 9379
(+57) 1489 6964
© 2024 Copyright. Todos los derechos reservados.
Desarrollado por Prime Institute