SetOptions of floatingActionButton

Hello Alex,

Could you please provide more information about the implementation on your side? I tried to replicate the issue by applying a background to the FloatingActionButton. Then on a button click new values for align and alignOffset properties are set using the setOptions method. However, the FloatingActionButton still has the custom background color. Here you can find the Dojo example I used to test. Could you please let me know if I am missing something?

Could you please try to modify the example in order to replicate the behavior the way it is on your side and send it back? This way we could understand the scenario better and advise you further.

Looking forward to your reply.

Regards,
Neli
Progress Telerik

Hi

thank you for your reply. In fact, that way it works but as soon as you use an inline style like:
<button id="fab-items" style='background-color:#ffccee'></button>

You will see that it changes its color.

Regards

Alex

Hi Alex,

Аs mentioned in the documentation in some cases, the setOptions method can recreate and rebind the widget instance.

In such a scenario where the style is inline, you could use the jQuery CSS method and apply the needed style right after using the setOptions method. 

 $('#fab-items').data('kendoFloatingActionButton').setOptions({
          align: 'middle end',
          alignOffset: { x: 50, y: 50 },
        })
$('#fab-items').css('background-color','#ffccee')

Here is a Dojo example where this approach is demonstrated. 

I hope this helps.

Regards,
Neli
Progress Telerik