Jump to content

Title Button Custom Images/Icons via URL


andyhill

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 comment
Share on other sites

  • 2 years later...
×
×
  • Create New...