Forum | Appery.io

I am building the ToDo app. I want to split the button on the list items. I was able to do this from the Mobile List item, it looks good on preview, but when running test app it does not reflect the change. Its been saved and all.

Hello! Could you please give us your public app link (go to Test, check Public) so we can take a look? Also what device did you use to test? Did you install app on device or tested with mobile browser?

Here is the public link http://project.tiggzi.com/mobile-fram...

I have not tested in device, just mobile browser

Thank you for link. Working on it.

Sorry for late reply. Looks like a bug, but here is workaround:

1) In service ListItems on mapping from $ to mobilelistitem1_5 add the following JS:

codevar delButton = '<a data-icon="false" data-theme="a" name="DeleteButton" dsid="DeleteButton" class="mybutton mobilesplitbuttonitem2 ui-li-link-alt ui-btn ui-btn-icon-notext ui-corner-tr ui-btn-up-a" title="Delete" data-corners="false" data-shadow="false" data-iconshadow="true" data-wrapperels="span" data-iconpos="notext"><span class="ui-btn-inner ui-corner-tr"><span class="ui-btn-text ui-corner-tr"><&#47;span><span data-corners="true" data-shadow="true" data-iconshadow="true" data-wrapperels="span" data-icon="minus" data-iconpos="notext" data-theme="a" title="" class="ui-btn ui-btn-up-a ui-shadow ui-btn-corner-all ui-btn-icon-notext"><span class="ui-btn-inner ui-btn-corner-all ui-corner-tr"><span class="ui-btn-text ui-corner-tr"><&#47;span><span class="ui-icon ui-icon-minus ui-icon-shadow">&nbsp;<&#47;span><&#47;span><&#47;span><&#47;span><&#47;a>';
element&#46;append(delButton);
return value;/code

2) On success ListItems service add JS:

codeTiggzi("mobilelist1_4")&#46;listview("refresh");/code

3) On click on DeleteButton set Set local storage variable as on mobilelistitem1_5 click and place it before DeleteButton- Click-Invoke service action