How to remove IconTabFilter icons using css?


Tags: html,css,css3,responsive-design,sapui5

Problem :

I am trying to make my app being responsive. For small displays I would like to remove the IconTabFilter icons using CSS. Until now, I am checking the user agent in JS and add the icons manually to the IconTab (or omit them).

Is there a way to hide the icons in the icon tab using css?



Solution :

Just set the text property of IconTabFilter and set icon property to empty. Then you will have the text-only IconTab.

See the example.


    CSS Howto..

    How to create triple div border in CSS

    css top nav - left nav (menu), title in center, right side (more buttons) - howto?

    Grunt: how to concat a .CSS file onto my compiled .SCSS files?

    How to use dp to calculate shadows - web development HTML CSS

    How to reload a css background-image inside a directive

    How to add css to form elements if attribute class is already being used in Jquery

    How do you disable horizontal scrolling on a webpage?

    How to make the Draggable element to get visible on top of all the element in the screen while dragging?

    How do I switch my CSS stylesheet using jQuery?

    How to position a background image like wanderfly.com?

    How do I simplify this header with lines on the side, so that it doesn't need css3 background properties?

    How to overwrite css animation

    Making dijit.Dialog Transparent when it shows up

    Make image show when screen reaches a certain width (pixels)

    How do you force a website to be in landscape mode when viewed on a mobile device?

    fa-star () is always yellow, how to make it white?

    How to make information appear only when hovered over using jquery and css?

    jquery carousel how to have a gradient on start and ending slides

    How to fit inner div inside an outer div

    How to space the children of a div with css?

    How does CSS3 flexbox negative-flex work?

    How to put textarea in div with CSS

    HTML/CSS/JS - How to change and image and text on click

    How to make my css webkit animation stop changing

    How to access an element's class value via CSS

    How do I create a bar chart in CSS with an array of PHP float values?

    How can CSS have a significantly negative effect on page paint time in a specific area of a web page?

    How can I add background color to CSS triangles?

    How to change color of caret when drop down button is hovered

    How to hide the 2nd and 4th table row using css or jquery?