UnimFileUpload, Color and Text of Buttons

[gerhardhziegler]

Good afternoon,

I would like to change the colors of the buttons of a mobile Upload Dialog as well as the text "browse" (of one button), which seems also to be standardized.

Can anyone help me with the CSS and the Delphi Calls, I need?

Thanks a lot in advance.
 

[gerhardhziegler]

@Sherzod, o master of all classes, do you have a hint for me?

[Sherzod]

25 minutes ago, gerhardhziegler said:

do you have a hint for me?

Hello,

We will check.

[Sherzod]

1 hour ago, gerhardhziegler said:

do you have a hint for me?

Same styles for all buttons?

[gerhardhziegler]

11 hours ago, Sherzod said:

Same styles for all buttons?

Yes. Just change the color settings.

[gerhardhziegler]

Just now, gerhardhziegler said:

Yes. Just change the color settings.

to be precise, maybe other colors like this gred/green. So different style, or, if not possible, then same style.

[Sherzod]

24 minutes ago, gerhardhziegler said:

to be precise, maybe other colors like this gred/green. So different style, or, if not possible, then same style.

In the future, we will try to declare these buttons as component objects.

Dirty solution at the moment.

1. CustomCSS:

.my-button {
  background-color: orange;
}

.my-button:hover {
  background-color: #ff8c00;
}

.my-button.x-pressing {
  background-color: #ee7600;
}

2. After execute:

  ...
  UnimFileUpload1.Execute;
  UniSession.AddJS('Ext.defer(function(){Ext.select(".x-uni-window").first().select(".x-button-el").elements.forEach(function(btn){Ext.get(btn).component.setUi("plain"); Ext.get(btn).component.setUserCls("my-button")})},10)');
  ...

 

[gerhardhziegler]

4 minutes ago, Sherzod said:

In the future, we will try to declare these buttons as component objects.

Dirty solution at the moment.

1. CustomCSS:

.my-button {
  background-color: orange;
}

.my-button:hover {
  background-color: #ff8c00;
}

.my-button.x-pressing {
  background-color: #ee7600;
}

2. After execute:

  ...
  UnimFileUpload1.Execute;
  UniSession.AddJS('Ext.defer(function(){Ext.select(".x-uni-window").first().select(".x-button-el").elements.forEach(function(btn){Ext.get(btn).component.setUi("plain"); Ext.get(btn).component.setUserCls("my-button")})},10)');
  ...

 

Ok, thanks a lot.
As I understood, this sets all buttons of the dialog to the same style?

[Sherzod]

Just now, gerhardhziegler said:

As I understood, this sets all buttons of the dialog to the same style?

Yes.

[gerhardhziegler]

Just now, Sherzod said:

Yes.

Thanks a lot, I should try this out!