Univention Bugzilla – Bug 30167
Usability on mobile devices (tablets, smart phones etc.)
Last modified: 2013-03-08 11:25:12 CET
Currently, we officially support iPad for UMC. However, there are still usability issues when using UMC on a smart phone or a tablet computer.
One problem are dialogs. When they are larger than the screen (e.g., with zoomed in view), they are not displayed properly. → trying to install an application on demo.univention.de in the App-Center yields an error dialog.
From Bug 29596, comment 5: > Folgende weitere Punkt sind aufgefallen: > * Der Button zum Schließen eines Tabs ist zu klein, es gibt kein klares > visuelles Feedback, dass man ihn gedrückt hat > * Der Button in Grids für das mehr-Menü ist sehr klein, man muss wohl genau den > Pfeil treffen, damit das Menü angezeigt wird > * Beim Auswählen einer Dropbox wird die Tastatur eingeblendet (nicht immer), > das ist u.U. etwas nervig, da danach zu wenig Platz ist, um die Inhalte > anzuzeigen > * Die Dialoge springen hin und her From Bug 29596, comment 6: > Aufgefallen beim Asus Transformer Pad: Beim Ausfahren des Keyboards wird der > Viewport verkleinert. Das ist beim iPad nicht der Fall.
(In reply to comment #2) > ... > > * Der Button in Grids für das mehr-Menü ist sehr klein, man muss wohl genau den > > Pfeil treffen, damit das Menü angezeigt wird > ... Same applies to the menu buttons in the header: [ univention v ] ... [ User: Administrator v ]
The result in the grid need to be scrolled with two fingers → see Bug 29118
* Menus (like the "univention") in the header cannot be opened on Android devices * Tooltips often displayed without a reason (e.g. when opening a module) * It is not possible to scroll the content (the available entries) of a ComboBox (Android, iPad) * The DateBox widget does not work on Android * The height of a ComboBox and TextBox is different (Android, iPad) * A lot of missing scrollbars (overview page, ldap navigation module, detail page of an app, […]) (Android, iPad) * TitlePanes are light up during opening/closing (iPad) * Scrolling in the overview page (or detail view of an user) is not a lot of fun. You have to catch the background. So if you catch a widget, it does not work (Android, iPad) * The virtual keyboard is annoying. Each time a widget is (initially) focused, the keyboard rolls into your viewport (Android, iPad) * The spelling correction is enabled in the dialog when creating new UDM objects (iPad) * When you click in the area of an icon (overview page), the background temporary light up in blue (Android) * Favorites in the overview page are nearly useless because there is no "onmouseover" effect (Android, iPad)
In some modules, the focus is automatically set on the search input box → this should only be done on non-mobile devices.
(In reply to comment #5) > * Tooltips often displayed without a reason (e.g. when opening a module) fixed
*** Bug 25324 has been marked as a duplicate of this bug. ***
(In reply to comment #7) > (In reply to comment #5) > > * Tooltips often displayed without a reason (e.g. when opening a module) > > fixed This was Bug#29708. The tooltip problem is unfixed. Maybe remove the animation completely, showing the tip instantly?
http://dojotoolkit.org/reference-guide/1.8/dojo/touch.html → this could also be interesting for this bug?
CSS code for enlarging the close button on tab buttons: .dijitTabContainer .dijitTabCloseButton { padding: 10px 0 10px 5px; margin: -10px 0 -10px 0px; background-position-y: 10px; background-position-x: 5px; }
Problems with the opening keyboard should be fixed, a minimal height for UMC is now enforced. univention-management-console-frontend (2.0.197-1) unstable; urgency=low . * Bug #30167: enforce minimal height for UMC to avoid display problems on tablet devices univention-management-console-frontend (2.0.198-1) unstable; urgency=low . * Bug #30167: only enable scrollbars if the viewport is small enough
(In reply to comment #12) > CSS code for enlarging the close button on tab buttons: > > .dijitTabContainer .dijitTabCloseButton { > padding: 10px 0 10px 5px; > margin: -10px 0 -10px 0px; > background-position-y: 10px; > background-position-x: 5px; > } This has been fixed: univention-management-console-frontend (2.0.199-1) unstable; urgency=low * Add a new CSS class on touch devices and use bigger tab close buttons (Bug #30167)
(In reply to comment #5) > * The spelling correction is enabled in the dialog when creating new UDM > objects (iPad) I can not reproduce this behavior
(In reply to comment #3) > (In reply to comment #2) > > ... > > > * Der Button in Grids für das mehr-Menü ist sehr klein, man muss wohl genau den > > > Pfeil treffen, damit das Menü angezeigt wird > > ... > > Same applies to the menu buttons in the header: > > [ univention v ] ... [ User: Administrator v ] This problem has been fixed with Dojo 1.8.3.
The following issues have been addressed: * ComboBoxes behave more intuitively, clicking on the down-button will always open the drop down menu without the keyboard popping in * the behaviour of tooltips has been correct (see Bug 25324) * the overview page is now scrollable via touch * in UDM and UCR modules, the text field is not focussed automatically on touch devices ... YAML-files and builts are yet to be done.
Dojo has been updated to 1.8.3.
Packages have been built (UMC-Frontend errata failed to build), changelog has been adapted, YAML files have been created (version numbers are missing): 2013-02-27-univention-dojo.yaml 2013-02-27-univention-management-console-frontend.yaml 2013-02-27-univention-management-console-module-ucr.yaml 2013-02-27-univention-management-console-module-udm.yaml
The following bugs have been observed with the iPad: Bug 30625, Bug 30626
The following browser tests passed succesfully: IE9 → OK IE8 → OK FF19 → OK
The following browser tests passed succesfully: Chrome 24 → OK
The following browser tests passed succesfully: iPad → OK
The following browser tests passed succesfully: Android → OK
*** Bug 30010 has been marked as a duplicate of this bug. ***
http://errata.univention.de/3.1-errata62.html http://errata.univention.de/3.1-errata63.html http://errata.univention.de/3.1-errata64.html http://errata.univention.de/3.1-errata65.html
*** Bug 29708 has been marked as a duplicate of this bug. ***