View Issue Details

This bug affects 1 person(s).
 6
IDProjectCategoryView StatusLast Update
19552Bug reportsUsability/user experiencepublic2024-09-10 08:47
ReporterDenisChenu Assigned Toc_schmitz  
PrioritynoneSeverityminor 
Status assignedResolutionopen 
Product Version6.5.x 
Summary19552: Breadcrumb is badly placed, cut off, and doesn't show survey name, group name etc …
Description

In LimeSurvey 6 the breadcrumb has been cut down in an effort to make the interface cleaner.
This is better for a beginner user, but worse for advanced users who use the breadcrumb to navigate faster.
Therefore, we need a solution that satisfies both user personas.

We all agree that hiding the current survey name behind the triple dots in the breadcrumb is a bad idea, no matter the user persona.

Steps To Reproduce

Current status in v6 :

There are 3 different breadcrumb behaviors (on scrolling down the current breadcrumb display is pushed sticky to the left top bar):

  • Breadcrumb while navigating to survey Settings overview: This is the only place where the breadcrumb shows the full survey name
  • Breadcrumb while navigating to other survey Settings: Breadcrumb survey name is shortened to 3 dots and the current settings dialog name is attached
  • Breadcrumb while navigating survey Structure: Breadcrumb survey name is shortened to 3 dots, and the current group name, and (if applicable) the current question text is attached
Additional Information

To bridge the gap between beginner user and power user we will introduce a new setting in user settings:
'Breadcrumb display' - with the following options:

  • Short
  • Full
  • Full with IDs

Desired behaviour in v6:

  • Short
    In all screens just "Surveys -> {Survey name}" will be shown. if the survey name is too long it will be ellipsized. The word 'Surveys' will be linked to the survey list. The part {Survey name) will be linked to 'Survey overview' of the current survey. Placement as it is currently in V6. Behaviour on scrolling up as it is currently in v6.

  • Full
    For settings this will show
    Surveys -> {Survey name} -> [Dialogname}

For structure this will show (very close to https://bugs.limesurvey.org/file_download.php?file_id=18106&type=bug )
Surveys -> {Survey name} -> {group code} - {group name} ( -> {question code} - {question text})

This breadcrumb will span the whole screen and will be sticky to the top bar on scrolling down. If the width is too wide for the current screen it will ellipsize each part (survey (30%), group (30%), question (40%) automatically and equally. This should be possible by using div bounding boxes. If there there is enough space there should be no ellipsize and the box should span the whole width. If any part is ellipsized the full text is shown for the particular part on mouse hover. (@discuss Should ID show in hover additionally?)

  • Full with IDs
    As the option Full but it will also show IDs in brackets in front of the survey, group, and question name.
TagsNo tags attached.
Bug heat6
Complete LimeSurvey version number (& build)6.5.4
I will donate to the project if issue is resolvedNo
Browsernot relevant
Database type & versionnot relevant
Server OS (if known)not relevant
Webserver software & version (if known)not relevant
PHP Versionnot relevant

Relationships

related to 19178 closedtibor.pacalat The name of the survey disappear from ALL page 

Users monitoring this issue

There are no users monitoring this issue.

Activities

DenisChenu

DenisChenu

2024-05-03 18:24

developer   ~80073

Position ? And content ?

At top of all ?
After menu ? (Strangely : menu/action button are not inside content…)
Inside content ?

DenisChenu

DenisChenu

2024-05-03 18:28

developer   ~80074

For content

  • Surveys : goes to Survey list, OR Home :goes to Welcome page ?
  • Survey name (partial + survey ID : Goes to Survey overview
  • Survey action page (for Privacy policy settings etc …)
  • OR Group name (partial) + group ID + group Step : Group overview
  • Group action (except overview)
  • OR Question title + question ID + question text (partial) ? : Question overview
DenisChenu

DenisChenu

2024-05-15 14:18

developer   ~80116

Please :

  1. Remind the original issue : https://bugs.limesurvey.org/view.php?id=19178 and https://bugs.limesurvey.org/view.php?id=19516
  2. Use h1/h2/h3 etc … at the good place and not at random like currently
jorynagel

jorynagel

2024-05-17 16:12

administrator   ~80127

hey hey,
I believe what we're trying to address is the following issue:

"The survey name disappears from ALL pages."

To resolve this, I propose:

  • Placing the survey name at the last level of the breadcrumb. This would solve the problem mentioned above.
  • Rest can be placed in the three dots ("...") --> display as dropdown/flyout with other nav points

Further I notice:

  • Settings --> Participant Settings --> In Breadcrumb it says --> Survey participant settings. There are more inconsistencies like this.
  • Settings --> Email templates --> Edit email templates
  • I would not display the links under the settings tab in the breadcrumb since the links under the settings tab already solve this.
DenisChenu

DenisChenu

2024-05-17 17:27

developer   ~80128

Placing the survey name at the last level of the breadcrumb. This would solve the problem mentioned above.

No : it was the second item of a breadcrumb

And we need to know

  • Current group
  • Current question
  • Current action

on breadcrumb without mouse over etc !

Rest can be placed in the three dots ("...") --> display as dropdown/flyout with other nav points

No !
With 3 dots : the usage of breadcrumb are totally broken !

DenisChenu

DenisChenu

2024-07-08 15:27

developer   ~80551

https://designsystem.digital.gov/components/breadcrumb/

c_schmitz

c_schmitz

2024-07-08 15:36

administrator   ~80555

@DenisChenu
I put the whole specs into the 'Additional information' - I think it largely follows your ideas. Would you be able to code that?

DenisChenu

DenisChenu

2024-07-08 15:39

developer   ~80556

Seems near this screenshots : https://bugs.limesurvey.org/view.php?id=19552#c80073

Still unsure on best place here , maybe the last one.

DenisChenu

DenisChenu

2024-07-08 15:41

developer   ~80557

Oups !: about 1st element : Home (/admin/index)

Then
Home > Surveys > Survey name > Privacy policy settings

With links
/index > surveyAdministration/listsurveys > surveyAdministration/view&surveyid=XXX > none

DenisChenu

DenisChenu

2024-07-08 15:43

developer   ~80558

Behaviour on scrolling up as it is currently in v6.

Before menu then ?

c_schmitz

c_schmitz

2024-07-08 15:48

administrator   ~80559

Yes, like the first screenshot.

I don't think we need "Home" as it can be reached by the logo.

Yes. before menu.

DenisChenu

DenisChenu

2024-07-08 16:35

developer   ~80560

I don't think we need "Home" as it can be reached by the logo.

:+1:

c_schmitz

c_schmitz

2024-09-03 14:05

administrator   ~80880

@DenisChenu Any progress`?

DenisChenu

DenisChenu

2024-09-04 09:33

developer   ~80890

No real progress currently … I end the 2 current work (Soft mandatory and XSS issue) and start it.

If one another dev are OK, can take it :)

DenisChenu

DenisChenu

2024-09-10 08:46

developer   ~80945

@c_schmitz : i see the updated Additional Information : i'm really NOT OK with this !

The default behavior must be

For survey :

  1. Optionnal (Welcome" maybe with just an icon (to be testes
  2. Surveys (listing) :
  3. "[SID] {ellipsed Survey name}" ( goes to Survey overview)
  4. Action

For Group

  1. Optionnal (Welcome" maybe with just an icon (to be testes
  2. Surveys (listing) :
  3. "[SID] {ellipsed Survey name}" ( goes to Survey overview)
  4. "[GID] {ellipsed group name}" (goes to group overview)
  5. Group action

For Question

  1. Optionnal (Welcome" maybe with just an icon (to be testes
  2. Surveys (listing) :
  3. "[SID] {ellipsed Survey name}" ( goes to Survey overview)
  4. "[GID] {ellipsed group name}" (goes to group overview)
  5. "[QID] {question title}" (goes to question overview)
  6. Question action (edit/overview)

WHY have *full ? We always want ellisped Survey name ! Why don't have SID ? It's the IDENTIFIER of the survey ! Except if you have less than 5 it's always needed !

DenisChenu

DenisChenu

2024-09-10 08:47

developer   ~80946

This is better for a beginner user, but worse for advanced users who use the breadcrumb to navigate faster.

No ! It's NOT better for a beginner !

Issue History

Date Modified Username Field Change
2024-05-03 18:10 DenisChenu New Issue
2024-05-03 18:10 DenisChenu File Added: Capture d’écran du 2024-05-03 18-06-26.png
2024-05-03 18:10 DenisChenu File Added: Capture d’écran du 2024-05-03 18-08-30.png
2024-05-03 18:12 DenisChenu Summary Breadcrumb are badly placed cut and don't shown survey name, group name etc … => Breadcrumb are badly placed cut and don't show survey name, group name etc …
2024-05-03 18:18 DenisChenu Bug heat 0 => 2
2024-05-03 18:24 DenisChenu Note Added: 80073
2024-05-03 18:24 DenisChenu File Added: Capture d’écran du 2024-05-03 18-17-30.png
2024-05-03 18:24 DenisChenu File Added: Capture d’écran du 2024-05-03 18-21-05.png
2024-05-03 18:24 DenisChenu File Added: Capture d’écran du 2024-05-03 18-23-02.png
2024-05-03 18:28 DenisChenu Note Added: 80074
2024-05-15 12:20 c_schmitz Bug heat 2 => 4
2024-05-15 14:18 DenisChenu Note Added: 80116
2024-05-17 16:12 jorynagel Note Added: 80127
2024-05-17 16:12 jorynagel Bug heat 4 => 6
2024-05-17 17:27 DenisChenu Note Added: 80128
2024-05-17 17:27 DenisChenu Relationship added related to 19178
2024-07-08 14:41 c_schmitz Summary Breadcrumb are badly placed cut and don't show survey name, group name etc … => Breadcrumb is badly placed, cut off, and doesn't show survey name, group name etc …
2024-07-08 14:41 c_schmitz Description Updated
2024-07-08 14:41 c_schmitz Steps to Reproduce Updated
2024-07-08 14:42 c_schmitz Steps to Reproduce Updated
2024-07-08 14:43 c_schmitz File Deleted: Capture d’écran du 2024-05-03 18-06-26.png
2024-07-08 14:44 c_schmitz File Deleted: Capture d’écran du 2024-05-03 18-08-30.png
2024-07-08 14:54 c_schmitz Steps to Reproduce Updated
2024-07-08 14:54 c_schmitz Additional Information Updated
2024-07-08 15:07 c_schmitz Steps to Reproduce Updated
2024-07-08 15:07 c_schmitz Additional Information Updated
2024-07-08 15:08 c_schmitz Additional Information Updated
2024-07-08 15:09 c_schmitz Description Updated
2024-07-08 15:09 c_schmitz Additional Information Updated
2024-07-08 15:25 c_schmitz Additional Information Updated
2024-07-08 15:26 c_schmitz Additional Information Updated
2024-07-08 15:27 DenisChenu Note Added: 80551
2024-07-08 15:33 c_schmitz Additional Information Updated
2024-07-08 15:34 c_schmitz Additional Information Updated
2024-07-08 15:35 c_schmitz Bug heat 6 => 4
2024-07-08 15:36 c_schmitz Note Added: 80555
2024-07-08 15:36 c_schmitz Bug heat 4 => 6
2024-07-08 15:38 c_schmitz Additional Information Updated
2024-07-08 15:39 DenisChenu Note Added: 80556
2024-07-08 15:41 DenisChenu Note Added: 80557
2024-07-08 15:43 DenisChenu Note Added: 80558
2024-07-08 15:48 c_schmitz Note Added: 80559
2024-07-08 16:35 DenisChenu Note Added: 80560
2024-09-03 14:05 c_schmitz Note Added: 80880
2024-09-03 14:05 c_schmitz Assigned To => DenisChenu
2024-09-03 14:05 c_schmitz Status new => assigned
2024-09-04 09:33 DenisChenu Note Added: 80890
2024-09-10 08:46 DenisChenu Note Added: 80945
2024-09-10 08:47 DenisChenu Assigned To DenisChenu => c_schmitz
2024-09-10 08:47 DenisChenu Note Added: 80946