Slider - Add Button Far Right

[andyhill]

I have a need to add a button to a Slider (as per image) complete with tap event - please advise how - Thanks.

[Sherzod]

Hi,

 

What kind of slider ?!

[andyhill]

The one used on Google Maps for ZOOM

[Sherzod]

Ok, I will try to analyze it

[Sherzod]

Hi,

 

Can you try this solution for now ?!:

 

1. UniHiddenPanel1 -> UnimButton1

 

2. MainmForm -> OnReady:

procedure TMainmForm.UnimFormReady(Sender: TObject);
begin
  
  with UnimSlider1.JSInterface do
    JSCode(#1'.bodyElement.insertSibling('+ UnimButton1.JSName +'.element, "after");');

end;

Best regards,

[andyhill]

Thank You Farshad - very much appreciated.

[andyhill]

Taking this a step further, how would we do the very same thing to a mobile DBGridList slider ?

[Sherzod]

Ok, I will let you know

[Sherzod]

Taking this a step further, how would we do the very same thing to a mobile DBGridList slider ?

 

1. UniHiddenPanel1 -> UnimButton1

 

2. MainmForm -> OnReady:

procedure TMainmForm.UnimFormReady(Sender: TObject);
begin
  UniSession.AddJS(
    'var slider = ' + UnimDBListGrid1.JSName + '.element.select(".x-docked-bottom").elements;'+
    'if (slider.length > 0) {'+
    '    Ext.getCmp(slider[0].id).bodyElement.insertSibling(' + UnimButton1.JSName + '.element, "after");'+
    '}'
  );
end;

[andyhill]

Perfect - thank you