numberunit font size in object header

[Former Member]

Hi all,

i have to increase the font size of the numberUnit in object header .

i am displaying numberunit from controller to its xml view as below .

this.getView().byId('objHeader').setNumberUnit(quantity);

iam able to display Quantity but have to increase the default font size .

please let me know how to increase font size.

i have attached screen pic.

Regards,

Vamsi

[PMarti · Accepted solution]

Hi Vamshi,

I show you an example: JS Bin - Collaborative JavaScript Debugging

You only need redefine .sapMOHNumberDiv .sapMObjectNumberUnit CSS class

Regards,

Pau

[Former Member]

Hi All,

Thank you very much for your response .

but in my object header with id ="objHeader" , i have other fields 'number' and 'text' also which displays other data along with numberUnit.

i need to increase the font size only for numberUnit. please suggest.

my complete code

in XML

<ObjectHeader id="ObjHeader" number="{material}" title="{description}"></ObjectHeader>

in controller

this.getView().byId('objHeader').setNumberUnit(quantity);

Regards,

Vamsi

[Former Member]

Hi,

Refer this link

JS Bin - Collaborative JavaScript Debugging

[karthikarjun]

Hi Vamsi,

Go to Css->

#objHeader .sapMObjectNumberUnit{

font-size : 2rem

}

REM - relative to the html (root) font-size

Thanks,

KA

[Former Member]

Hi,

I think it use SAPUI5 defult font size. U need to have a id or css to that field.

Add this css line: (asuming id is objHeader)

then

objHeader {

    font-size: 62.5%;

}

or using Jquery $("#objHeader ").css("font-size","62.5%");