Jump to content
uniGUI Discussion Forums
Sign in to follow this  
andyhill

Title Button Custom Images/Icons via URL

Recommended Posts

I have a mobile form with IconCls themed button image, how can I replace the image/icon on the themed button using a URL ? 

Share this post


Link to post
Share on other sites

The Sencha Themed TitleButton (gear image), I want to change the gear image to an image of my own from a URL. 

post-5752-0-39855500-1517132896_thumb.png

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

Farshad, I would very much appreciate if you would advise how to accomplish Image Url Button ASAP - thanks.

Share this post


Link to post
Share on other sites
Sign in to follow this  

×