This is a migrated thread and some comments may be shown as answers.

ImageUrl with additional CSS-Class

2 Answers 49 Views
TabStrip
This is a migrated thread and some comments may be shown as answers.
Dennis
Top achievements
Rank 1
Dennis asked on 23 Mar 2017, 09:25 AM

Hi, 

I have a small problem with SVG images in the tabstrip-item. Is it possible to give the imageUrl a additional css class?

Because the SVG-Image has a native size of 64x64 which is much too large for me - I would like to define the size over a css-class instead of create a smaller version.

 

Thank you and best regards!

2 Answers, 1 is accepted

Sort by
0
Accepted
Ivan Danchev
Telerik team
answered on 24 Mar 2017, 07:24 AM
Hello Dennis,

The images set to the tabs through the imageUrl field by default have the k-image class. You can use this class to find the HTML elements and add a custom class to them with jQuery:
$(".k-tabstrip-items .k-image").addClass("MyCustomClass");


Regards,
Ivan Danchev
Telerik by Progress
Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
0
Dennis
Top achievements
Rank 1
answered on 28 Mar 2017, 07:16 AM

Hello Ivan,

thanks a lot - it's working fine!

 

Regards,

Dennis

Tags
TabStrip
Asked by
Dennis
Top achievements
Rank 1
Answers by
Ivan Danchev
Telerik team
Dennis
Top achievements
Rank 1
Share this question
or