Page 1 of 1

Bootstrapping Testlink Improving UI across devices

Posted: Wed Sep 23, 2015 2:22 pm
by chofstede
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 :wink: ), modernizing the look and feel of Testlink so it gets wider appeal (an improved website/front page would also help in this regard :P ).

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?

Re: Bootstrapping Testlink Improving UI across devices

Posted: Wed Sep 23, 2015 7:46 pm
by fman
there is a great issue => FRAMES that will take a lot to remove.
Anyway IMHO best option is to create a github project and there put all changes in a new theme.
VERY CRITIC: EXT-JS widget need to work.

There is other people trying to help on this area, send me your email to testlink.forum@gmail.com and I will send to them, may be a common effort can be done

Re: Bootstrapping Testlink Improving UI across devices

Posted: Mon Sep 28, 2015 7:22 am
by chofstede
Yes, the frames. I noticed them when I was checking the page html source. Not sure how to tackle those. They will prevent full responsiveness if they are kept.

I see all the template files are built up in .tpl from the Smarty template engine. Any specific version that is being used?

Where/how are the external javascript widgets used?

I did a pull to create my own Github branch last week (actually, just before 1.9.14 release, I will do a pull shortly).

Re: Bootstrapping Testlink Improving UI across devices

Posted: Mon Sep 28, 2015 7:41 pm
by fman
smarty 3.x is ok
EXT-JS 3.4 tree and tables