This sample demonstrates the API functionality of edit-on NG. You can try out frequent used API methods using the buttons and the text field below.

Furthermore this sample shows an easy to use way of styling/theming edit-on NG by using the jQuery UI style selector below.

You can find more information on using predefined themes and creating your own themes at http://jqueryui.com/themeroller/.

After downloading the generated theme, unzip the archive and rename the file "jquery-ui-x.x.x.custom.css" which you can find in "css/$theme-name/" or "css/custom-theme/" to "jquery.ui.css". Then replace the existing file in the directory "lib/css/jquery-ui/" of your edit-on NG integration with the renamed CSS file.

Additionally it might be necessary to copy the images from "css/$theme-name/images/" or "css/custom-theme/images/" to "lib/css/jquery-ui/images/" in your edit-on NG integration.