on 06-12-2015 1:19 PM
Hi
I have used Icon tab filter in one of my view.
Text on Icon Tab filter is little bit lengthy, Only half is displaying is there any way to display fully
I have just used below code in view
<IconTabFilter icon="sap-icon://contacts" key="Visa" text="Visa and Insurance" id="IdIconTabFilter03" design="Vertical">
Its only displaying "Visa and Ins.."
Is any property to display full text
See attached screenshot for more details .
Hi,
Change this attribute in your CSS.
Click on text of your tab.
you will see a CSS like this in your chrome.
.sapMITBFilter .sapMITBText {
position: relative;
color: #666666;
text-shadow: 0 0.0625rem 0 rgba(255,255,255,0.5);
padding: 0.7rem 0.5rem 0.8rem;
line-height: 0.9375rem;
overflow: hidden;
text-overflow: ellipsis;
word-wrap: break-word;
word-wrap: break-word;
word-break: break-all;
}
Remove width from here and now you will be able to see the full text.
Regards
Dhananjay
You must be a registered user to add a comment. If you've already registered, sign in. Otherwise, register and sign in.
You must be a registered user to add a comment. If you've already registered, sign in. Otherwise, register and sign in.
You using class in IconTabBar,
<IconTabBar
id="idIconTabBar"
select="handleIconTabBarSelect"
class="sapUiResponsiveContentPadding">.
You must be a registered user to add a comment. If you've already registered, sign in. Otherwise, register and sign in.
User | Count |
---|---|
87 | |
10 | |
10 | |
10 | |
7 | |
6 | |
6 | |
5 | |
5 | |
4 |
You must be a registered user to add a comment. If you've already registered, sign in. Otherwise, register and sign in.