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('} ');



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


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.




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