May 2018
Intermediate to advanced
492 pages
12h 3m
English
The current home page has a simple text list that's not terribly touch-friendly and showing the key at the front of the line might be inexplicable to the user. Let's fix this.
Edit views/index.hbs and make this change:
<div class="container-fluid"> <div class="row"> <div class="col-12 btn-group-vertical" role="group"> {{#each notelist}} <a class="btn btn-lg btn-block btn-outline-dark" href="/notes/view?key={{ key }}">{{ title }}</a> {{/each}} </div> </div></div>
The first change is to switch away from using a list and to use a vertical button group. By making the text links look and behave like buttons, we're improving the user interface, especially its touch friendliness. We chose the btn-outline-dark ...
Read now
Unlock full access