$(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
avatar image
Former Member

how to change the font color of Label

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?

Add comment
10|10000 characters needed characters exceeded

  • Get RSS Feed

2 Answers

  • Dec 07, 2016 at 03:51 PM

    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

    Add comment
    10|10000 characters needed characters exceeded

  • avatar image
    Former Member
    Dec 07, 2016 at 09:32 PM

    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

    Add comment
    10|10000 characters needed 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