Tiers & Social

When i submitted the above question it reformatted my tiers… Sorry about that. Perhaps this Wiki page will be a better example of what i mean. Sub levels. https://en.wikipedia.org/wiki/File:Closing_a_business_checklist.svg

Hi Kevin,

1) Saving the checked items in the user account is not possible at the moment but I already got multiple requests on this one, so it will be included in the next version.

2) If you know CSS you can create tiers using CSS. Whenn you check the Frontend HTML-Code, you can see, that each checkbox hat it’s own id like “frontend-checklist-1-item-8”, “frontend-checklist-1-item-9”, etc. You can use a CSS code like this:
#frontend-checklist-1-item-8 {margin-left:30px;}

I hope, I could help you. If not, feel free to ask again!

Regards,
Jonas

+1 for saving the checked states to a cookie or, better, a twitter login or something like that. Thanks!

Hi Mike,

the checked states is already saved to a cookie, so your users can always come back and continue as long as they are using the same computer.

The next version will include a feature to save the checked states into the WordPress account, so users can also continue on another computer.

Regards,
Jonas

I tried checking some items on your sample page, then hitting refresh. The checkmarks disappeared after the page reloaded. Should that not happen?

Damn. I updated my caching plugin and apparently the settings were deleted. The page where the checklist appears has to be excluded from page caching. Try again, now the checkmarks should not disappear.

Maybe it would be a good idea for the next version to set the checkmarks via Javascript so it’s not affected by caching plugins.

Anyway, thanks for the report!

The cookie seems to be working well on my site:
https://weheartgames.com/appstickers/

I would love to have each item tagged with a CSS class, so that I can style each row. Having the class change when the item is selected/deselected would also be a HUGE bonus. Then I could make that list look really nice. Right now it’s pretty plain.

Also, is there a way to make the entire label clickable, so that clicking anywhere on the row selects/deselects the checkbox?

Please see my post above about styling the checklist using CSS. If you want to style the labels individually, you can wrap your labels in something like <span style="color:red"> or <span class="my_nice_css_class">. It isn’tthe most elegant way but it works with the current version.

If you want the same styling for all labels you can wrap the checklist into a div:

<div class="my_nice_css_class">
[frontend-checklist name="Standard"]
</div>

An extra class for checked rows is a nice idea. I put this on the feature list for the next version. Same goes for making the whole label clickable.

Any progress on the css class for checked rows? I’d love to make my “GDC Stickerpalooza” list a little more functional, where the icons could be made much smaller when they are selected, so that the ones you’ve “gotten” don’t take up so much vertical space in the list, especially when viewed on an iPhone. ??

New version release is planned at the end of March.

Nice plugin Jonas. I like the light server load cookies bring. Looking forward to the next version too ??

Jonas,

A friend and I did some messing around with jQuery and we got a few of the features I mentioned above to work; check out the code (inline on the page) here:
https://weheartgames.com/appstickers/

I made a couple small changes to the plugin file itself as well, primarily I just added
data-list-id="'.$item['fc_listID'].'"
to the <input> tag. I had to do that because once I added the JS to switch the checkbox when you click an image, it cancelled out the “onchange” in the checkbox itself, so the cookies weren’t getting saved any more. Feel free to use any of this code in any update you make.

Thanks again!

Hi Mike,

it’s great to see what you archived with the (modified) plugin. I hope I’ll get the new version ready to release this week. Make sure to backup your changes before updating the plugin.

Can’t wait for the new Release Jonas! Looking forward to it!!

Here we go, version 2.1.0 has been released. The main new feature is that the checklist status can be saved via user account.

Please see the changelog for all changes.

Let me know if there are any problems.

Happy Easter everyone!