View Issue Details

This bug affects 1 person(s).
 10
IDProjectCategoryView StatusLast Update
10944Bug reportsSurvey editingpublic2016-05-02 16:04
Reporterpmonstad Assigned Toc_schmitz  
PriorityurgentSeverityminor 
Status closedResolutionfixed 
Product Version2.50.x 
Fixed in Version2.50.x 
Summary10944: Bad design when designing a survey on 1366x768 resolution
Description

I did a test; design a new survey on my Macbook Air with 1366 px wide screen resolution. The language selector is partly outside the right edge of the screen. It does not look good, see screenshot.

TagsNo tags attached.
Attached Files
Bug heat10
Complete LimeSurvey version number (& build)160414
I will donate to the project if issue is resolvedNo
BrowserChrome
Database type & versionirrelevant
Server OS (if known)irrelevant
Webserver software & version (if known)irrelevant
PHP Versionirrelevant

Relationships

parent of 11098 closedc_schmitz Error on survey creation 

Users monitoring this issue

There are no users monitoring this issue.

Activities

c_schmitz

c_schmitz

2016-04-14 16:00

administrator   ~37382

Is that standard DPI and standard zoom?

pmonstad

pmonstad

2016-04-14 16:34

updater   ~37384

Yes it is. The whole screen is not optimal for standard monitors. There is a lot of white space at the left of the screen making the editor very narrow. Perhaps the labels in the left could be placed above the fields and not to the left, to use more of the screen?

c_schmitz

c_schmitz

2016-04-15 08:17

administrator   ~37398

Well we have to stick to some form layout and cannot change it all the time ;)

pmonstad

pmonstad

2016-04-15 08:24

updater   ~37399

you are probably right, but the interface is only optimal for really wide screens, not 1368 pixels wide...

DenisChenu

DenisChenu

2016-04-15 09:36

developer   ~37401

Last edited: 2016-04-15 09:38

I think we must have a good layout for ~1170px and up.

But here : for language selector : hard to fix .... (select2 multiple can fix it more easily).

I upload a screenshot from arrayTextAdaptPlugin : must be fixed too with select2.

c_schmitz

c_schmitz

2016-04-15 10:07

administrator   ~37402

According to http://www.w3schools.com/browsers/browsers_display.asp
1366x768 is pretty common so we should make it appear right.

c_schmitz

c_schmitz

2016-04-15 10:11

administrator   ~37403

Fix committed to master branch: http://bugs.limesurvey.org/plugin.php?page=Source/view&id=18570

DenisChenu

DenisChenu

2016-04-15 10:16

developer   ~37405

@c_schmitz : w3schools don'tr ake difference between "professional use" and "personnal use".

A lot of "personnal use" have big screen.
But there are a lot of professional use with more little screen.

c_schmitz

c_schmitz

2016-04-15 10:43

administrator   ~37427

Denis: Where did I say anything about professional/personal use?

LouisGac

LouisGac

2016-04-15 10:51

developer   ~37430

yeah looks pretty common... so we should do something.

working on a 11" :-D

pmonstad

pmonstad

2016-04-15 11:16

updater   ~37435

Thanks, I agree 1368 is quite common on many notebooks/Macs.

DenisChenu

DenisChenu

2016-04-15 12:15

developer   ~37443

@c_schmitz : i think "pro" user use more NoteBook the "Personal" user :)

ollehar

ollehar

2016-04-15 18:15

administrator   ~37473

For language selector, try to expand the settings by clicking no the arrow.

DenisChenu

DenisChenu

2016-04-15 18:17

developer   ~37474

Yes, same for all other part :)

ollehar

ollehar

2016-04-18 12:42

administrator   ~37500

Cannot reproduce second screen-shot. Can I download the plugin somewhere?

pmonstad

pmonstad

2016-04-26 22:11

updater   ~37885

There is still a problem with the language selector. Unusable on small screens. Could the two fields be put over each other instead of beside each other?

LouisGac

LouisGac

2016-04-28 12:03

developer   ~37953

The few last issues like the "language selector" can't be fixed for small screens.
That's why we did the "stretch button": on small screens, it's possible to open wide the side menus.

An other solution would be to show the left column on the bottom of the editor on small screens.

c_schmitz

c_schmitz

2016-04-28 16:16

administrator   ~37974

We should still find a proper solution for the language selector - even if it means using the 2.06 solution.

pmonstad

pmonstad

2016-04-28 16:22

updater   ~37975

Could this be used? https://silviomoreto.github.io/bootstrap-select/examples/

I like the Placeholder. Most users will probably not have all languages available anyway, so the list will probably not be very long.

pmonstad

pmonstad

2016-04-28 16:41

updater   ~37977

Another one here, works like the old one, which floats nice if screen is narrow: http://www.jqueryrain.com/?ji8YG4nk

DenisChenu

DenisChenu

2016-04-28 16:44

developer   ~37978

Last edited: 2016-04-28 16:45

@pmonstad : select2 was inside 2.06 , but removed.

Multiple select boxes of https://silviomoreto.github.io/bootstrap-select/examples/#multiple-select-boxes seesm really the best :)

pmonstad

pmonstad

2016-04-28 16:44

updater   ~37979

Last edited: 2016-04-28 16:49

And this one is what I prefer: http://www.jqueryrain.com/?IV38o2Lr

Takes no space, simple to remove items and searchable.

c_schmitz

c_schmitz

2016-04-28 17:26

administrator   ~37985

Last edited: 2016-04-28 17:43

I like the http://www.jqueryrain.com/?IV38o2Lr solution, too.
At least for the situation where you usually only select a few options out of many - so it fits for survey setings.

We should not use it for the language selection in global settings (Available languages)

DenisChenu

DenisChenu

2016-04-28 17:43

developer   ~37986

Last edited: 2016-04-28 17:44

I vote for https://silviomoreto.github.io/bootstrap-select/examples/#multiple-select-boxes , and there are : https://silviomoreto.github.io/bootstrap-select/examples/#selectdeselect-all-options

It's really better (i think)

@c_schmitz the http://www.jqueryrain.com/?IV38o2Lr is included in select2, no need extra part.
Included in 2.06 for survey. Included in one 2.06 version for global with an extra Check all/Check non system. But removed.
select2 : http://select2.github.io/examples.html#multiple already included in plugins ....

LouisGac

LouisGac

2016-04-28 17:47

developer   ~37988

I agree with Denis. Multiple select boxes looks good.

pmonstad

pmonstad

2016-04-28 17:47

updater   ~37989

The one I and Carsten voted for; http://www.jqueryrain.com/?IV38o2Lr is very nice since it has the ability to search. Nice if a long list is available.

c_schmitz

c_schmitz

2016-04-28 17:51

administrator   ~37990

Select2 does that too, also the close buttons

https://select2.github.io/examples.html#tags

Select2 is it, then.

DenisChenu

DenisChenu

2016-04-28 18:18

developer   ~37991

@LouisGac : if we want silviomoreto.github.io/bootstrap-select/examples/#multiple-select-boxes we mlust test with https://silviomoreto.github.io/bootstrap-select/examples/#live-search

If we can have https://silviomoreto.github.io/bootstrap-select/examples/#multiple-select-boxes with live-search : maybe we win ;)

c_schmitz

c_schmitz

2016-04-28 22:46

administrator   ~37998

Fix committed to master branch: http://bugs.limesurvey.org/plugin.php?page=Source/view&id=18802

DenisChenu

DenisChenu

2016-04-29 08:22

developer   ~37999

Stranbge : we have 2 input : one over other ? See last screenshot.

For check all/uncheck all :
https://bugs.limesurvey.org/view.php?id=9697#c32468

https://github.com/LimeSurvey/LimeSurvey/commit/31fb8d7f0b9da5ecfb50fc8ce35047e8d4bbaa40

c_schmitz

c_schmitz

2016-04-29 08:31

administrator   ~38000

Clear browser cache and assets folder.

c_schmitz

c_schmitz

2016-04-29 08:32

administrator   ~38001

We don't need uncheck/check all here because it is a 'few out of many' situation.

c_schmitz

c_schmitz

2016-04-29 08:39

administrator   ~38002

Fix committed to master branch: http://bugs.limesurvey.org/plugin.php?page=Source/view&id=18808

DenisChenu

DenisChenu

2016-04-29 08:46

developer   ~38003

rm -Rf ./tmp/assets/* fix the issue . We need something here ....

For check/uncheck : yes in a lot of condition we don't need it. But : we don't move global settings to select2 in future ? ;)

c_schmitz

c_schmitz

2016-04-29 10:13

administrator   ~38005

There is no need to touch global settings.
Here we had a space issue - in global settings we don't.

c_schmitz

c_schmitz

2016-04-29 11:13

administrator   ~38007

Fix committed to master branch: http://bugs.limesurvey.org/plugin.php?page=Source/view&id=18811

c_schmitz

c_schmitz

2016-04-30 16:13

administrator   ~38041

Version 2.50+ Build 160430 released

Related Changesets

LimeSurvey: master b4efae48

2016-04-15 08:11:15

c_schmitz

Details Diff
Fixed issue 10944: Bad design when designing a survey on 1366x768 resolution
Dev Adjusted label width for survey editing
Dev Fixed ckeditor alignment in survey creation
Dev Adjusted ckeditor button groups so their linebreaks are bit more flexible
Affected Issues
10944
mod - application/views/admin/survey/editLocalSettings_view.php Diff File
mod - application/views/admin/survey/subview/tabCreate_view.php Diff File
mod - scripts/admin/ckeditor-config.js Diff File

LimeSurvey: master fc7541c6

2016-04-28 20:28:27

c_schmitz

Details Diff
Fixed issue 10944: Replace language selector in survey settings with a more space-saving select box Affected Issues
10944
mod - application/controllers/admin/database.php Diff File
mod - application/helpers/frontend_helper.php Diff File
mod - application/helpers/surveytranslator_helper.php Diff File
mod - application/views/admin/labels/editlabel_view.php Diff File
mod - application/views/admin/survey/subview/accordion/_generaloptions_panel.php Diff File
mod - application/views/admin/survey/subview/tabCreate_view.php Diff File

LimeSurvey: master 8abde280

2016-04-29 06:38:51

c_schmitz

Details Diff
Fixed issue 10944: Replace language selector in survey settings with a more space-saving select box
Dev Selector now resizes dynamically
Affected Issues
10944
mod - application/views/admin/survey/subview/accordion/_generaloptions_panel.php Diff File

LimeSurvey: master a16eedeb

2016-04-29 06:43:58

c_schmitz

Details Diff
Fixed issue 10944: Replace language selector in survey settings with a more space-saving select box
Dev Translation fixed
Affected Issues
10944
mod - application/views/admin/survey/subview/accordion/_generaloptions_panel.php Diff File

LimeSurvey: master 973ee9ae

2016-04-29 09:13:22

c_schmitz

Details Diff
Fixed issue 10944: Replace language selector in survey settings with a more space-saving select box
Dev Reintroduced security question
Affected Issues
10944
mod - application/controllers/admin/surveyadmin.php Diff File
mod - application/views/admin/survey/editSurvey_view.php Diff File
mod - application/views/admin/survey/subview/accordion/_generaloptions_panel.php Diff File

Issue History

Date Modified Username Field Change
2016-04-14 11:17 pmonstad New Issue
2016-04-14 11:17 pmonstad File Added: Skjermbilde 2016-04-14 kl. 11.14.39.png
2016-04-14 16:00 c_schmitz Note Added: 37382
2016-04-14 16:34 pmonstad Note Added: 37384
2016-04-15 08:17 c_schmitz Note Added: 37398
2016-04-15 08:24 pmonstad Note Added: 37399
2016-04-15 09:36 DenisChenu Note Added: 37401
2016-04-15 09:37 DenisChenu File Added: Capture du 2016-04-15 09-37-25.png
2016-04-15 09:38 DenisChenu Note Edited: 37401
2016-04-15 10:06 c_schmitz Summary bad design when designing a survey on a smaller screen => Bad design when designing a survey on 1366x768 resolution
2016-04-15 10:06 c_schmitz Description Updated
2016-04-15 10:07 c_schmitz Note Added: 37402
2016-04-15 10:11 c_schmitz Changeset attached => LimeSurvey master b4efae48
2016-04-15 10:11 c_schmitz Note Added: 37403
2016-04-15 10:11 c_schmitz Assigned To => c_schmitz
2016-04-15 10:11 c_schmitz Resolution open => fixed
2016-04-15 10:11 c_schmitz Assigned To c_schmitz => LouisGac
2016-04-15 10:11 c_schmitz Status new => assigned
2016-04-15 10:11 c_schmitz Assigned To LouisGac => ollehar
2016-04-15 10:11 c_schmitz Priority none => urgent
2016-04-15 10:16 DenisChenu Note Added: 37405
2016-04-15 10:43 c_schmitz Note Added: 37427
2016-04-15 10:51 LouisGac Note Added: 37430
2016-04-15 11:16 pmonstad Note Added: 37435
2016-04-15 12:15 DenisChenu Note Added: 37443
2016-04-15 15:01 ollehar Sticky Issue No => Yes
2016-04-15 15:01 ollehar Sticky Issue Yes => No
2016-04-15 17:35 ollehar Sticky Issue No => Yes
2016-04-15 18:15 ollehar Note Added: 37473
2016-04-15 18:16 ollehar Sticky Issue Yes => No
2016-04-15 18:17 DenisChenu Note Added: 37474
2016-04-18 12:42 ollehar Note Added: 37500
2016-04-18 12:42 ollehar Status assigned => feedback
2016-04-26 22:11 pmonstad Note Added: 37885
2016-04-26 22:11 pmonstad Status feedback => assigned
2016-04-28 12:03 LouisGac Note Added: 37953
2016-04-28 12:03 LouisGac Status assigned => resolved
2016-04-28 16:16 c_schmitz Assigned To ollehar =>
2016-04-28 16:16 c_schmitz Note Added: 37974
2016-04-28 16:16 c_schmitz Status resolved => feedback
2016-04-28 16:16 c_schmitz Resolution fixed => reopened
2016-04-28 16:16 c_schmitz Status feedback => confirmed
2016-04-28 16:17 c_schmitz Assigned To => LouisGac
2016-04-28 16:17 c_schmitz Status confirmed => assigned
2016-04-28 16:22 pmonstad Note Added: 37975
2016-04-28 16:41 pmonstad Note Added: 37977
2016-04-28 16:44 DenisChenu Note Added: 37978
2016-04-28 16:44 pmonstad Note Added: 37979
2016-04-28 16:45 DenisChenu Note Edited: 37978
2016-04-28 16:49 pmonstad Note Edited: 37979
2016-04-28 17:26 c_schmitz Note Added: 37985
2016-04-28 17:43 DenisChenu Note Added: 37986
2016-04-28 17:43 c_schmitz Note Edited: 37985
2016-04-28 17:43 DenisChenu File Added: Capture du 2016-04-28 17-42-37.png
2016-04-28 17:44 DenisChenu Note Edited: 37986
2016-04-28 17:47 LouisGac Note Added: 37988
2016-04-28 17:47 pmonstad Note Added: 37989
2016-04-28 17:51 c_schmitz Note Added: 37990
2016-04-28 18:18 DenisChenu Note Added: 37991
2016-04-28 21:00 c_schmitz Assigned To LouisGac => c_schmitz
2016-04-28 22:46 c_schmitz Changeset attached => LimeSurvey master fc7541c6
2016-04-28 22:46 c_schmitz Note Added: 37998
2016-04-29 08:22 DenisChenu Note Added: 37999
2016-04-29 08:22 DenisChenu File Added: Capture du 2016-04-29 08-20-16.png
2016-04-29 08:31 c_schmitz Note Added: 38000
2016-04-29 08:32 c_schmitz Note Added: 38001
2016-04-29 08:39 c_schmitz Changeset attached => LimeSurvey master 8abde280
2016-04-29 08:39 c_schmitz Note Added: 38002
2016-04-29 08:46 DenisChenu Note Added: 38003
2016-04-29 10:13 c_schmitz Note Added: 38005
2016-04-29 11:13 c_schmitz Changeset attached => LimeSurvey master a16eedeb
2016-04-29 11:13 c_schmitz Changeset attached => LimeSurvey master 973ee9ae
2016-04-29 11:13 c_schmitz Note Added: 38007
2016-04-29 11:16 c_schmitz Status assigned => resolved
2016-04-29 11:16 c_schmitz Fixed in Version => 2.5
2016-04-29 11:16 c_schmitz Resolution reopened => fixed
2016-04-30 16:13 c_schmitz Note Added: 38041
2016-04-30 16:13 c_schmitz Status resolved => closed
2016-05-02 16:04 DenisChenu Relationship added parent of 11098
2019-11-01 17:25 c_schmitz Category Survey design => Survey editing