Jump to content

Title Button Custom Images/Icons via URL


Recommended Posts

Thanks, however I am not using a font. I want to use an image from a URL.

 

Below is code from Sencha but it fails to show the URL image (and yes, the image is there, and can be seen by direct browser access), can you please advise - thanks.

 

  CustomCSS.Add('.x-tab .x-button-icon.car::before, .x-button .x-button-icon.car::before ');
  CustomCSS.Add('{ ');
  CustomCSS.Add(' padding: 5px !important; ');
  CustomCSS.Add(' width: 40px; ');
  CustomCSS.Add(' height: 40px; ');
  CustomCSS.Add(' -webkit-mask-image: url(''car.png'') !important; ');
  CustomCSS.Add(' -webkit-mask-size: 30px 30px; ');
  CustomCSS.Add(' -webkit-mask-repeat: no-repeat; ');
  CustomCSS.Add(' -webkit-mask-origin: content; ');
  CustomCSS.Add(' background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, ');
  CustomCSS.Add('  from(rgba(255, 255, 255, 0.7)), to(rgba(255, 255, 255, 0.9))) !important; ');
  CustomCSS.Add(' background-color: #000000 !important; ');
  CustomCSS.Add('} ');

post-5752-0-11228600-1517165792_thumb.png

post-5752-0-97149400-1517165801_thumb.png

Link to post
Share on other sites
  • 2 years later...

Hello,

I have a simmilar problem.
How can i add a "icon.png" to a title-button ? (see attachment)
I want to load a local file, not per web url.

Regards,
Int3g3r

 

icon.png

Link to post
Share on other sites
×
×
  • Create New...