Show Advanced KnowledgeHide Advanced Knowledge

UI - Framework Step 2

1 Requirements

The first step in integrating an UI - Framework, namely Bootstrap, as proposed in Feature Wiki Entry UI Framework has been done for ILIAS 5.0. Next steps towards a tighter coupling of ILIAS and bootstrap have to follow now. The „Customizing ILIAS“ workshop at the Conference in Bozen made clear, that many members in the Community wish, that Bootstrap Classes and Elements are used whenever possible. Usage of Elements not provided by Bootstrap have to be reasonably justified. This automatically leads to an easy usage of Bootstrap Themes outside the ILIAS world and would lead to a quick popularity gain of ILIAS „Open Source“ as product. This of course requires a large amount of founding since every template file has to be touched. Several members in the workshop indicated, that it could be possible to find funding for this big step since the impact on ILIAS would be huge.
 
By using Bootstrap Elements, Bootstrap variables are automatically used as well. Many attendees of the workshop wished, that those variables should be configurable through the ILIAS administration. Like that it would be directly possible to create new Skins for ILIAS through the administration which simplifies the Customizing process a lot. Other reasons for a tight integration could be:

• Bootstrap components are well tested (e.g. cross-browser compability and usage on smaller screens)
• Developers writing custom templates don't need to introduce new styles. The documentation how to use a component (markup/classes/js) is available on the bootstrap website.
• More UI conistency
• Lot's of interesting new components that can be integrated and will make ILIAS more "Web 2.0" and also more user-friendly:
• Modals
• Responsive images and media
• etc...

We ask the „Jour Fix“ hereby to work out together with the first maintainers an offer specifying the required amount of funding to completely integrating Bootstrap into ILIAS for Version 5.1. We think that this step should be well planned and not just happen continuously over the next few years, since this would lead into quite an amount of problems.
 
To be very clear of what is wished, those points are written into this new „Feature Request“ since the old already contains quite a lot of information about the new Skin and lead to a first mandate already.

Collection of Open Issues

• Toolbars on small media screens, e.g. Test-object, Question tab. see http://www.ilias.de/mantis/view.php?id=14641
• Filter of tables, e.g. Datacollection
• Test-Questions: Edit-Mode, Input-fields, see comment of Björn: http://www.ilias.de/mantis/view.php?id=14235

2 Status

• Scheduled for: Not scheduled yet (will be set by Jour Fixe)
• Funding: Required / Interest in funding: (please indicate if you are interested to fund this feature)
• Maintainer: (will be set by Jour Fixe)
• Implementation of the feature is done by (company, developer)
• Contract settled: No | Fill in "Yes" if a contract is already settled and add Institution / Organisation in "Funding" row
  
• Tested by / status: (name, e-mail), (status information set after implementation)

3 Additional Information

Contact the following persons if you want to know more about this feature, its implementation or funding:

• Information about concept: (name, e-mail)
• Information about funding: (name, e-mail)
• Information about implementation: (name, e-mail)

4 Discussion

AK, 20.11.2014: Es gibt für ILIAS 5.0 für Toolbars kein definiertes Verhalten auf small media screens. Die Bootstrap Integration und das responsive Design sind in 5.0 nicht vollständig. Gerade solche Teile müssen mit 5.1 noch einmal systematisch angegangen werden (ähnliches Problem: Filter von Tabellen). Dazu ist Konzeption und Funding notwendig, dass kann nicht alles "nebenbei" in Bug Reports geschehen. Bitte im Feature Wiki sammeln und dort Lösungen vorschlagen. (http://www.ilias.de/mantis/view.php?id=14641#c31464)

5 Implementation

...