Add Bootstrap and Frontend JS Validation to give better user experience and generalize the design pattern
#1 Updated by agmps17 over 5 years ago
- Updating the existing html structure, mainly element class names, so that there is no clash with the bootstrap classes.
- Making a change in the existing CSS and JS files.
- Adding Bootstrap to the existing html structure.
- Test for different themes, check for http://bootswatch.com/ or https://wrapbootstrap.com/
- adapt our main (air jordan) theme
- adapt our beach theme
#6 Updated by cpg over 5 years ago
apps (available and installed) does not have rounded courner and the word is misaligned to the left:
List in dashboard listed twice when going to uninstall the app, also the special settings box is cut off from the bottom:
Editing the gateway is a little misaligned:
Server control area is misaligned:
#7 Updated by cpg over 5 years ago
after an updated to the latest changes, i see there is some slight weirdness with the icons on apps > available
installed apps shows the same issue as above:
is it possible to improve the ui of the network gateway as well as the lease time?
it shows better than before, but still rather weird:
servers area is still misaligned. was that fixed?
#8 Updated by cpg over 5 years ago
initial user and special instructions boxes are cut off at the bottom:
other than that, the rest looks good. great job!
#10 Updated by sbagroy986 almost 5 years ago
- Assignee deleted (
as there are plans of using a new theme for the next amahi version, i feel that we should implement a free bootstrap template (using links such as the ones provided in 'History' and more). it would make porting to a new theme/template much easier in the next update and make the current UI much more responsive (maybe even better looking).
#11 Updated by cpg almost 5 years ago
- Status changed from Closed to Assigned
- Assignee set to cpg
- Priority changed from High to Normal
i think i closed it because we decided to not release the latest Amahi platform with the bootstrap branch changes because it was not quite there. maybe @agmps17 remembers more. re-opening now.
as for a new theme -- we have a theme called beach theme that looked quite professional and was specially designed for amahi. however, it was not bootstrap enabled (i think) and i think the implementation was also not responsive.
a goal for amahi 8 is to make the amahi platform more responsive ... so that people with all sorts of devices can use it nicely. if we can fit a new theme that increases usability and the looks, we should.
Also available in: Atom