cancel
Showing results for 
Search instead for 
Did you mean: 

Change size of the image in ObjectListItem

Former Member
0 Kudos

Hello,

how can I change the size of the image in the ObjectListItem.

I tried it with css style, but I failed.

Thanks Klaus

former_member183518
Active Participant
0 Kudos

Can you create a fiddle what you've tried ? It'd be helpful to correct it out.

sagarikagattu
Participant
0 Kudos

Hello ,

Can you put the code here, where did you insert the image in object list item?

Accepted Solutions (1)

Accepted Solutions (1)

anudeep_paleru
Explorer
0 Kudos

Hi Klaus,

Identify the exact class and use the below CSS properties

.respectiveclassname { max-height: 4rem; max-width: 4rem; }

Former Member
0 Kudos

Hi Anudeep,

thank you it works.

.sapMObjLIconDiv>.sapMImg {
    max-height: 4rem;
    max-width: 4rem;
}

Answers (2)

Answers (2)

former_member340030
Contributor

Hi Klaus ..

Two things to change the size of the icon :

1. You need to change the font-size style property of the icon.

2. As the icon font-size is an inline style of the icon so when you change the font-size of the icon through classes you need to put your font-size as the ! important

thanks

Viplove

Former Member
0 Kudos

Hello Viplove,

I try following statement in the css file.

But nothing happen.

.sapMImg {
    font-size: 200px !important;
}
nabheetscn
Active Contributor
0 Kudos

Hello

You can try with below mentioned CSS

  1. width: 100%;
  2. height: 100%;
Former Member
0 Kudos

Hello,

thank you for the hint, but it does not work.

When I try the following statement, the image goes down, but the size is still 48x48px.

.sapMObjLIconDiv {
    font-size: 100px !important;
}