Forum | Appery.io

Hello,

I've used the information from another topic to try and get my auto divider filled with alternative text. This is the topic I've viewed: https://getsatisfaction.com/apperyio/...

I've tried the solution provided by Yves and the staff of Appery on that topic, but I still can't seem to get it right...

This is what happens with my dividers:

As you can see, the dividers are all separate from the data and are not auto-dividing the data.

This is what I have done:
Made a list named "progg", made two items: one called program (this is where the data is) and one called "ProgDivider". I have followed every step provided by Yves, but I did not use Load but Page Show, because my data get's refreshed every time a user clicks on it.

Please advise!

No help yet??

Hi Dirk,

Please add to your list service "success" event handler and populate it with following code:

pre

//Note: you should replace "mobilelist_41" with your list component name.
var listName = "mobilelist_41";

var deviderOrder = 0;

Appery(listName).listview({
autodividers: true,

 autodividersSelector: function (li) { 
     // Here is a place where you need return autodevider text. 
     return "AutoDevider[" + deviderOrder++ + "] = " + li.text().trim(); 
 } 

});

Appery(listName).listview("refresh"); //Refresh list component
Appery(listName).trigger("listviewcreate"); //Initiate dividers creation

//Delete this line of code if you need first item autoDevider.
Appery(listName).find("li").eq(0).hide(); //Hide first unused divider

/pre

See details on screen shot: http://prntscr.com/46z3xu/direct

Regards.

Hi Dirk,

Please add to your list service "success" event handler and populate it with following code:

pre

//Note: you should replace "mobilelist_41" with your list component name.
var listName = "mobilelist_41";

var deviderOrder = 0;

Appery(listName).listview({
autodividers: true,

 autodividersSelector: function (li) { 
     // Here is a place where you need return autodevider text. 
     return "AutoDevider[" + deviderOrder++ + "] = " + li.text().trim(); 
 } 

});

Appery(listName).listview("refresh"); //Refresh list component
Appery(listName).trigger("listviewcreate"); //Initiate dividers creation

//Delete this line of code if you need first item autoDevider.
Appery(listName).find("li").eq(0).hide(); //Hide first unused divider

/pre

See details on screen shot: http://prntscr.com/46z3xu/direct

Regards.