Jump to content


Photo

Title Button Custom Images/Icons via URL

Button

  • Please log in to reply
5 replies to this topic

#1 andyhill

andyhill

    Advanced Member

  • uniGUI Subscriber
  • PipPipPipPip
  • 346 posts
  • LocationMelbourne Australia

Posted 28 January 2018 - 07:44 AM

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


  • 0

Andy


#2 Delphi Developer

Delphi Developer

    Advanced Member

  • Moderators
  • 4969 posts

Posted 28 January 2018 - 07:53 AM

Hi,

 

Sorry, can you clarify your question ?


  • 0

#3 andyhill

andyhill

    Advanced Member

  • uniGUI Subscriber
  • PipPipPipPip
  • 346 posts
  • LocationMelbourne Australia

Posted 28 January 2018 - 09:48 AM

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

Attached Files


  • 0

Andy


#4 Delphi Developer

Delphi Developer

    Advanced Member

  • Moderators
  • 4969 posts

Posted 28 January 2018 - 10:43 AM

Ok, can you use an approach as in this post ?:

http://forums.unigui...cls/#entry41061


  • 0

#5 andyhill

andyhill

    Advanced Member

  • uniGUI Subscriber
  • PipPipPipPip
  • 346 posts
  • LocationMelbourne Australia

Posted 28 January 2018 - 06:56 PM

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

Attached Files


  • 0

Andy


#6 andyhill

andyhill

    Advanced Member

  • uniGUI Subscriber
  • PipPipPipPip
  • 346 posts
  • LocationMelbourne Australia

Posted 29 January 2018 - 11:35 PM

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


  • 0

Andy






Also tagged with one or more of these keywords: Button

0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users