This forum uses cookies
This forum makes use of cookies to store your login information if you are registered, and your last visit if you are not. Cookies are small text documents stored on your computer; the cookies set by this forum can only be used on this website and pose no security risk. Cookies on this forum also track the specific topics you have read and when you last read them. Please confirm that you accept these cookies being set.

CSS to value not icon
#1
Hi,

I am using an icon with value (Custom values ) in visulation. I need to limit text length with CSS. But CSS code is affecting also icon itself. How can i cange only value not icon with CSS and Additional Classes.

Regards,
Reply
#2
Add to Custom JavaScript:
Code:
$(function(){
  $('.limit-text').each(function(index, el) {
    var width = $(el).find('img').css('width')

    if (width) {
      $(el).find('.value')
        .css('width', width)
        .css('overflow', 'hidden')
          .css('text-overflow', 'ellipsis')
    }
  });
});

Then set "Additional classes" to limit-text for each element where text width must be limited to the icon width.
Reply


Forum Jump: