Dependency Graph

Dependency Graph
related to related to child of child of duplicate of duplicate of

View Issue Details

This bug affects 1 person(s).
 10
IDProjectCategoryView StatusLast Update
10543Bug reportsSurvey editingpublic2016-03-07 11:49
Reportermot1 Assigned ToLouisGac 
PriorityhighSeverityminor 
Status closedResolutionfixed 
Product Version2.50.x 
Fixed in Version2.50.x 
Summary10543: "Gender buttons"
DescriptionChoosing gender in the survey is very difficult to see what has actually been pressed (a very small border around the button).
Steps To ReproduceAdding a gender selection option in survey.
TagsNo tags attached.
Bug heat10
Complete LimeSurvey version number (& build)limesurvey250plus-build16021
I will donate to the project if issue is resolvedNo
BrowserGoogle Chrome
Database type & versionMariaDB (newest)
Server OS (if known)Debian 8 64 bit
Webserver software & version (if known)Apache (newest)
PHP Version5.6.17-0+deb8u1

Relationships

related to 10616 new Development  Remove BR usage 
related to 10554 closedLouisGac Bug reports No answer buttons are always shown (in case no answer is disabled) 

Activities

mot1

mot1

2016-02-22 10:31

reporter  

SSgender.png (64,417 bytes)   
SSgender.png (64,417 bytes)   
c_schmitz

c_schmitz

2016-02-22 11:17

administrator   ~35519

They also should have the same size, no matter the language.
DenisChenu

DenisChenu

2016-02-24 09:27

developer   ~35632

Gender gender ...; man don't have to wear skirt ? Some of feminist and transgender friend are angry with this ...

Seriously : there are surely better gender symbol : https://thenounproject.com/search/?q=gender%20symbol


I don't think default LS must promote genderisation, and use a less marked symbol : https://thenounproject.com/SL12/collection/gender-symbols/?oq=gender%20symbol&cidx=1 in CC-by-sa, don't found a public domain, but thnere are surely one.
c_schmitz

c_schmitz

2016-02-24 09:29

administrator   ~35634

Good point, will be changed.
DenisChenu

DenisChenu

2016-02-24 13:00

developer   ~35648

Minor issue because is template related (right ?)
LouisGac

LouisGac

2016-02-24 19:02

developer   ~35672

Denis : you can feel free to change it if you want.
Just : keep the font icon way of doing, don't use jpg or png.
And yes, radio display is still available, and template via CSS can decide how font-icons are rendered.
andrewz

andrewz

2016-03-03 20:43

reporter   ~35931

After upgrading to Limesurvey 2.5, many people complained, "I couldn't tell if gender was selected after I clicked on it." I also have concerns about the cultural issues related to the icons, so I would prefer the standard radio buttons.

LouisGac: You mean I can simply edit the CSS to revert to radio buttons? Would please give more details?
tpartner

tpartner

2016-03-03 20:57

developer  

capture4.png (12,487 bytes)   
capture4.png (12,487 bytes)   
tpartner

tpartner

2016-03-03 20:58

developer   ~35933

andrewz: there is an advanced question setting for this - see attached capture4.png
DenisChenu

DenisChenu

2016-03-04 08:26

developer   ~35947

Last edited: 2016-03-04 08:27

View 2 revisions

@LouisGac : here , there no only gender (venus and marts fa icon is OK).

But html is so .... ugly : inline style + br.

It's quick to fix HTML , but need template fix after.

LouisGac

LouisGac

2016-03-04 09:50

developer   ~35951

ok I will do that today
LouisGac

LouisGac

2016-03-04 10:06

developer   ~35953

Last edited: 2016-03-04 10:06

View 2 revisions

I'm not going to use this solution, but, for you to know, to change the icon in CSS, you can do that :

edit template.css, and add at the end:
.fa-female:before {
    content: "\f221";
}

(\f221 is the unicode for venus)

DenisChenu

DenisChenu

2016-03-04 10:12

developer   ~35954

For venus : https://bugs.limesurvey.org/view.php?id=10543#c35634 :)

What solution ? For br and inline style ?
LouisGac

LouisGac

2016-03-04 10:16

developer   ~35955

no I mean to change an icon. I'm going to update the HTML :
changing .fa-female by .fa-venus

But, for you to know, the same result can be done in CSS, in the template side,
adding :
.fa-female:before {
    content: "\f221";
}

for br, I can remove them, same for inline style (on inline js).
DenisChenu

DenisChenu

2016-03-04 10:32

developer   ~35956

We won when with this question : any user can easily create a new plugin to have
- Male
- Female
- Transgender

And
- transgender can be translated (if this plugin is activated)
- transgender are in stat (if this plugin is activated)
- others ?
LouisGac

LouisGac

2016-03-04 10:57

developer   ~35957

IMHO : plugin can't be the way to add new question display, it's way to much dirty. But that's another subject. For now : 2.5 debugging.
LouisGac

LouisGac

2016-03-04 10:58

developer   ~35958

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

LouisGac

2016-03-04 11:00

developer   ~35959

added shadows, removed when button is clicked.
added text underline when button is clicked
removed the br (replace by css display block)
removed the inline CSS
https://github.com/LimeSurvey/LimeSurvey/commit/4b436f88047105732b37755bb4213a2dbd85c4e0
DenisChenu

DenisChenu

2016-03-04 11:25

developer   ~35963

Thanks :)
c_schmitz

c_schmitz

2016-03-07 11:49

administrator   ~36043

Version 2.50+ Build 160307 released

Related Changesets

LimeSurvey: master 4b436f88

2016-03-04 09:56:13

LouisGac

Details Diff
Fixed issue 10543: "Gender buttons" display Affected Issues
10543
mod - application/views/survey/questions/gender/buttons/item.php Diff File
mod - templates/default/css/template.css Diff File
mod - templates/news_paper/css/template.css Diff File
mod - templates/news_paper/scripts/template.js Diff File
mod - templates/ubuntu_orange/css/template.css Diff File
mod - templates/ubuntu_orange/scripts/template.js Diff File

Issue History

Date Modified Username Field Change
2016-02-22 10:31 mot1 New Issue
2016-02-22 10:31 mot1 File Added: SSgender.png
2016-02-22 11:17 c_schmitz Assigned To => ollehar
2016-02-22 11:17 c_schmitz Status new => assigned
2016-02-22 11:17 c_schmitz Note Added: 35519
2016-02-22 15:05 ollehar Assigned To ollehar => LouisGac
2016-02-23 08:53 c_schmitz Relationship added related to 10554
2016-02-23 08:54 c_schmitz Priority normal => high
2016-02-24 09:27 DenisChenu Note Added: 35632
2016-02-24 09:29 c_schmitz Note Added: 35634
2016-02-24 13:00 DenisChenu Note Added: 35648
2016-02-24 19:02 LouisGac Note Added: 35672
2016-03-03 20:43 andrewz Note Added: 35931
2016-03-03 20:57 tpartner File Added: capture4.png
2016-03-03 20:58 tpartner Note Added: 35933
2016-03-04 08:25 DenisChenu Relationship added related to 10616
2016-03-04 08:26 DenisChenu Note Added: 35947
2016-03-04 08:27 DenisChenu Note Edited: 35947 View Revisions
2016-03-04 09:50 LouisGac Note Added: 35951
2016-03-04 10:06 LouisGac Note Added: 35953
2016-03-04 10:06 LouisGac Note Edited: 35953 View Revisions
2016-03-04 10:12 DenisChenu Note Added: 35954
2016-03-04 10:16 LouisGac Note Added: 35955
2016-03-04 10:32 DenisChenu Note Added: 35956
2016-03-04 10:57 LouisGac Note Added: 35957
2016-03-04 10:58 LouisGac Changeset attached => LimeSurvey master 4b436f88
2016-03-04 10:58 LouisGac Note Added: 35958
2016-03-04 10:58 LouisGac Resolution open => fixed
2016-03-04 11:00 LouisGac Note Added: 35959
2016-03-04 11:00 LouisGac Status assigned => resolved
2016-03-04 11:25 DenisChenu Note Added: 35963
2016-03-07 11:48 c_schmitz Fixed in Version => 2.5
2016-03-07 11:49 c_schmitz Note Added: 36043
2016-03-07 11:49 c_schmitz Status resolved => closed
2019-11-01 17:25 c_schmitz Category Survey design => Survey editing