$(function () { pageContext.i18n.modTalk = 'moderation talk'; pageContext.i18n.replyToComment = 'Reply'; pageContext.i18n.modTalkEmpty = 'moderation talk is empty'; pageContext.url.getModTalk = "/comments/%25ID%25/listModTalk.json"; pageContext.url.possibleCommentRecipients = "/comments/%ID%/possibleRecipients.json"; pageContext.url.commentEdit = '/comments/%25ID%25/edit.html'; pageContext.url.commentView = '/comments/%ID%/view.html'; pageContext.i18n.commentVisibility = { 'full': 'Viewable by all users', 'op': 'Viewable by the original poster', 'mod': 'Viewable by moderators', 'opAndMod': 'Viewable by moderators and the original poster', 'other': 'Advanced visibility', 'dialogTitle': 'Comment visibility', 'selectGroups': 'Visible to groups', 'selectOther': 'Other recipients', 'selectOriginalPoster': 'Original poster', 'selectModerators': 'Moderators', 'selectAssignees': 'Asked to answer users' }; pageContext.i18n.commentMenuLabels = { 'comment-edit': 'comments.menu.edit', 'comment-delete': 'comments.menu.delete', 'comment-convert': 'comments.menu.convert' };pageContext.i18n.answer= { bestAnswer: 'Best Answer', controlBar : { accept: 'Accept', unaccept: 'Unaccept', acceptCommand: 'Accept this answer as correct', cancelAcceptedCommand: 'Remove this answers accepted status' } }; window.croles = { u: false, op: false, m: false, og: false, as: false, ag: false, dc: false, doc: false, eo: false, ea: false }; tools.init({ q: { e: false, ew: false, eo: false, r: false, ro: false, d: false, dow: false, fv: false, c: false, co: false, p: false, tm: false , ms: false, mos: false }, n: { f: false, vf: false, vfo: false, vr: false, vro: false, c: false, co: false, vu: false, vd: false, w: false, wo: false, l: false }, c: { e: false, eo: false, d: false, dow: false, ta: false, tao: false, l: false }, a: { e: false, ew: false, eo: false, d: false, dow: false, a: false, aoq: false, ao: false, tc: false, tco: false, p: false, tm: false }, pc: croles }, { tc: true, nsc: true }); commandUtils.initializeLabels(); }); Skip to Content
0

how to change the font color of Label

Dec 07, 2016 at 03:29 PM

282

avatar image
Former Member

I have label defined as:

<Label id="abelId" text="Some Text" design="Bold" required="true" />

I'm using sap.m.Label.

I would like to change the color of the text (i.e. green) but I don't see anything in the API that allows me to do this. I only see the design property which only changes the font type. Does anyone know how to do this?

10 |10000 characters needed characters left characters exceeded
* Please Login or Register to Answer, Follow or Comment.

2 Answers

Ryan Crosby Dec 07, 2016 at 03:51 PM
0

Hi Eliseo,

You would have to set some custom CSS for the element or potentially create a custom theme if you want it to be applied globally for all labels.

Regards,

Ryan Crosby

Share
10 |10000 characters needed characters left characters exceeded
avatar image
Former Member Dec 07, 2016 at 09:32 PM
0

Hey Ryan,

I tried it using some example I found online but I it still doesn't work.

var labelVar = this.byId("myId");
var xtext = new sap.m.Text({
    text: "something"
});
xtext.addStyleClass("fontColors.css");
labelvar.setText(xtext.getText());

This the solution I found online through the forums. The program runs with no problems but the color of the text remains the same.
link: embedded css in sapui5

Show 1 Share
10 |10000 characters needed characters left characters exceeded

Hi Eliseo,

I'm not aware of addStyleClass existing as part of the API so you would have to confirm that in the debugger to see if it has extended properties of other jQuery types. If that does not reflect then you can try using the custom CSS as I mentioned or doing a selector with jQuery to add the class you want.

$("myText").css("someclass");

Regards,

Ryan Crosby

0