Bootstrapping Testlink Improving UI across devices
Posted: Wed Sep 23, 2015 2:22 pm
Hi,
After having used Testlink for some years now (thank you fman and others for such a free tool with tons of functionality) and my skills with css and php having improved over the years, I had a look bootstrapping Testlink (ie making it compatible with the Twitter Bootstrap framework/styling: http://getbootstrap.com/_.
My main reason for doing so is improved usability on different devices (I have an iPad I drag around to enter test results), giving something back (if all works out, no promises yet
), modernizing the look and feel of Testlink so it gets wider appeal (an improved website/front page would also help in this regard
).
I made some test mock ups of the GUI using the standard Twitter Bootstrap layout (looks a lot like the Testlink.org front page) but I can't attach them here in the forum (no attachment options?). But I am thinking more along the lines of using a Bootstrap compatible admin template from Envato. They are like 20-40 USD, some examples:
http://marketblog.envato.com/resources/ ... templates/
So far, I have been looking at it two ways. Either I can edit the existing CSS to be in line with a new look and feel: https://github.com/TestLinkOpenSourceTR ... efault/css
Or I can rename all/most of the classes in the template files, which will allow for dropping in different css files depending on templates choses. This seems to be a more long term wise decision. https://github.com/TestLinkOpenSourceTR ... /templates
Anyway, before starting on such an adventure, has this been considered in the past? Has something already been done along these line? Any other thoughts fman?
After having used Testlink for some years now (thank you fman and others for such a free tool with tons of functionality) and my skills with css and php having improved over the years, I had a look bootstrapping Testlink (ie making it compatible with the Twitter Bootstrap framework/styling: http://getbootstrap.com/_.
My main reason for doing so is improved usability on different devices (I have an iPad I drag around to enter test results), giving something back (if all works out, no promises yet


I made some test mock ups of the GUI using the standard Twitter Bootstrap layout (looks a lot like the Testlink.org front page) but I can't attach them here in the forum (no attachment options?). But I am thinking more along the lines of using a Bootstrap compatible admin template from Envato. They are like 20-40 USD, some examples:
http://marketblog.envato.com/resources/ ... templates/
So far, I have been looking at it two ways. Either I can edit the existing CSS to be in line with a new look and feel: https://github.com/TestLinkOpenSourceTR ... efault/css
Or I can rename all/most of the classes in the template files, which will allow for dropping in different css files depending on templates choses. This seems to be a more long term wise decision. https://github.com/TestLinkOpenSourceTR ... /templates
Anyway, before starting on such an adventure, has this been considered in the past? Has something already been done along these line? Any other thoughts fman?