Bootstrapping Testlink Improving UI across devices

LATEST Official version.
Questions and discussions - NO ISSUES
FOR ISSUES => http://mantis.testlink.org

Moderators: Amaradana, TurboPT, TL Developers

Bootstrapping Testlink Improving UI across devices

Postby chofstede » 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 :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?
chofstede
TestLink user
 
Posts: 3
Joined: Tue Sep 22, 2015 5:20 pm

Re: Bootstrapping Testlink Improving UI across devices

Postby fman » Wed Sep 23, 2015 7:46 pm

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
fman
Member of TestLink Community
 
Posts: 3071
Joined: Tue Nov 15, 2005 7:19 am

Re: Bootstrapping Testlink Improving UI across devices

Postby chofstede » Mon Sep 28, 2015 7:22 am

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).
chofstede
TestLink user
 
Posts: 3
Joined: Tue Sep 22, 2015 5:20 pm

Re: Bootstrapping Testlink Improving UI across devices

Postby fman » Mon Sep 28, 2015 7:41 pm

smarty 3.x is ok
EXT-JS 3.4 tree and tables
fman
Member of TestLink Community
 
Posts: 3071
Joined: Tue Nov 15, 2005 7:19 am


Return to TestLink 1.9



Who is online

Users browsing this forum: No registered users and 4 guests