Forum | Appery.io

Dear Appery,

Using drag and drop lib, as part of playing around to learn it, i'm dragging a label on a button and once dropped the button change its text see this example

this is the code i'm using on page load:
code
$(function() {
$( "#Main_lbl_drag" ).draggable();
$( "#Main_btn_play" ).droppable({
drop: function( event, ui ) {
$( this )
.text('Dropped on me!');
Appery('lbl_drag').hide();
}
});
});

Appery('lbl_drag').addClass('ui-widget-content');
/code

as you can see from the screen capture is that once dropped, the button is getting narrower... any thoughts on how i just change the button text without affecting its other properties?

Thanks much in advance!
Best,
R.

after some thought, what is the best way to read the component's CSS style and store it, then apply the saved style to the component back again?

Hello Ram! We're working on it. I'll update.

THANK YOU!

Hi, instead pre$( this ).text('Dropped on me!');/pre use pre$( this ).find(".ui-btn-text").text('Dropped on me!');/pre

Youre AWESOME!