In this task we will be converting some of our existing pages to make use of the jQuery UI library and render buttons in that page using jQuery UI:
View the existing application home page as shown in the following screenshot; our next task is to convert the Login and Register links to render as jQuery UI buttons:
Replace the Login and Register links in the
index
view (module/Users/view/users/index/index.html
), and add theui-button
class to the links as shown in the following code snippet:<a href="/users/login" class='ui-button'>Login</a> <a href="/users/register" class='ui-button'>Register</a>
Add external references to jQuery UI towards the beginning of the view:
// Attached jQuery UI Scripts $this->headScript() ->appendFile('http://code.jquery.com/jquery-1.8.3.js','text/javascript'); $this->headScript() ->appendFile('http://code.jquery.com/ui/1.10.0/jquery-ui.js','text/javascript...