Skip to main content

This site requires you to update your browser. Your browsing experience maybe affected by not having the most up to date version.

We've moved the forum!

Please use forum.silverstripe.org for any new questions (announcement).
The forum archive will stick around, but will be read only.

You can also use our Slack channel or StackOverflow to ask for help.
Check out our community overview for more options to contribute.

Template Questions /

Moderators: martimiz, Sean, Ed, biapar, Willr, Ingo, swaiba

Back-End checkbox change to switch won't work the first load


Go to End


1348 Views

Avatar
ud2013

Community Member, 6 Posts

10 June 2013 at 8:41am

For a module (in de Back-End), I have changed the checkbox to a switch, this works but when I click a menu item in the left and click the add new item button, the checkbox is shown as checkbox but when I reload the page, the checkbox becomes a switch button.

Here is the code I use (at the moment I have past it into the LeftandMain.ss of the admin/template:

<script src="./themes/bootstrap/js/iphone-style-checkboxes.js"></script>
<script type="text/javascript" charset="utf-8">
	(function($) {
		$(document).ready(function(){
			$('.on_off :checkbox').iphoneStyle();
		})
	})(jQuery);
</script>

Why does the checkbox change to the switchbutton when the page loads, but when reloading the page it does. I also used (window).load(function) instead of the document.ready function.

Please any help.