Change the Icon on a IconTabBar

[Former Member]

Hi,

the actual hint for the selected Tab in a sap.m.IconTabBar is the blue underline bar.

I want to change it to an triangle. Don't know, how to hack this....

Any help would be great.

See image below fo example. The arrow should be in the top position

Jens

[saivellanki · Accepted solution]

Hi Jens,

Will this help? JS Bin - Collaborative JavaScript Debugging

Regards,

Sai Vellanki.

[former_member182862 · Accepted solution]

Hi Sai

I have changed the JSBin to make sure that the pointer is always at the center.

http://jsbin.com/nafifu/edit?html,css,js,output

.sapMITBSelected>.sapMITBContentArrow{

  width: 10px;

  border-left: 10px solid transparent;

  border-right: 10px solid transparent;

  border-bottom: 10px solid #009de0;

  margin-left: calc(100% / 2 - 10px)

}

[saivellanki · Accepted solution]

Thank you Dennis. Now this looks perfect!

Regards,

Sai Vellanki.

[Former Member · Accepted solution]

Thats great!

Thanks a lot!

Jens