2 must-have GUI Improvements

mojiro · Post by **mojiro** » Thu Dec 05, 2013 9:59 am

1st improvement: change the Create New Graph page

: BEFORE; cacti1.png (100.07 KiB) Viewed 5093 times

: AFTER; cacti2.png (96.42 KiB) Viewed 5093 times

2nd improvement: replace all combo-boxes with jquery autocomplete combos

ex1. http://jqueryui.com/resources/demos/aut ... bobox.html
ex2. http://harvesthq.github.io/chosen/

mojiro · Post by **mojiro** » Thu Dec 05, 2013 12:22 pm

very easy to implement...

extract contents of
https://github.com/harvesthq/chosen/rel ... v1.0.0.zip
at
cacti/include/chosen

add

Code: Select all

<link rel="stylesheet" href="<?php echo $config['url_path']; ?>include/chosen/chosen.css">

at
cacti/include/top_header.php
after <head>

add

Code: Select all

<script src="<?php echo $config['url_path']; ?>include/jquery.min.js"              type="text/javascript"></script>
<script src="<?php echo $config['url_path']; ?>include/chosen/chosen.jquery.js"    type="text/javascript"></script>
<script type="text/javascript">
var config = {
  'select'                   : {},
  '.chosen-select'           : {},
  '.chosen-select-deselect'  : {allow_single_deselect:true},
  '.chosen-select-no-single' : {disable_search_threshold:10},
  '.chosen-select-no-results': {no_results_text:'Oops, nothing found!'},
  '.chosen-select-width'     : {width:"95%"}
}
for (var selector in config) {
  $(selector).chosen(config[selector]);
}
</script>

at
cacti/include/bottom_footer.php
before </body>

: cacti3.png (83.01 KiB) Viewed 5088 times

Howie · Post by **Howie** » Thu Dec 05, 2013 12:53 pm

nice!

hmorandell · Post by **hmorandell** » Tue Jan 07, 2014 7:01 am

good one!

thanks for sharing!

mcutting · Post by **mcutting** » Thu Apr 03, 2014 10:15 am

Very nice !

However, you'd also need to make this change for each "general_header.php" file in use for all your plugins, too

r0bst3r · Post by **r0bst3r** » Thu Aug 21, 2014 2:37 pm

This is great, but i am having alignment issues at the top of the graph page. Anyone have a fix?

Cacti

2 must-have GUI Improvements

2 must-have GUI Improvements

Re: 2 must-have GUI Improvements

Re: 2 must-have GUI Improvements

Re: 2 must-have GUI Improvements

Re: 2 must-have GUI Improvements

Re: 2 must-have GUI Improvements

Who is online