Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

fix: add icon to title of required questions in edit mode #2099

Merged
merged 1 commit into from
May 8, 2024

Conversation

Chartman123
Copy link
Collaborator

@Chartman123 Chartman123 commented Apr 25, 2024

This fixes #2098 by adding a visual indicator in edit mode that a question is required:

grafik

(Also removes some now obsolete conditions)

Signed-off-by: Christian Hartmann [email protected]

@Chartman123 Chartman123 added design Related to the design 3. to review Waiting for reviews labels Apr 25, 2024
@Chartman123 Chartman123 added this to the 4.2.4 milestone Apr 25, 2024
@Chartman123 Chartman123 self-assigned this Apr 25, 2024
@Chartman123 Chartman123 added regression Regression of a previous working feature feature: 📑 form creation labels Apr 25, 2024
@Chartman123 Chartman123 force-pushed the fix/show-required-edit-mode branch 2 times, most recently from 1c4730e to 3e97775 Compare April 25, 2024 21:50
@Chartman123 Chartman123 changed the title fix: add required icon to question header in edit mode fix: add icon to title of required questions in edit mode Apr 25, 2024
@Chartman123
Copy link
Collaborator Author

/backport to stable4

@backportbot backportbot bot added the backport-request Pending backport by the backport-bot label Apr 29, 2024
Copy link
Member

@jancborchardt jancborchardt left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The icon technically is an asterisk, but it does look a bit funky and unexpected.

What do you think instead about a little red circle overlaid on the 3-dot menu (much like when you have unread notifications), which calls attention to opening the menu which then also explains that it is required?

Then we also save 1 icon spot additionally.

@Chartman123
Copy link
Collaborator Author

What do you think instead about a little red circle overlaid on the 3-dot menu (much like when you have unread notifications), which calls attention to opening the menu which then also explains that it is required?

@jancborchardt thanks for the review. I think if we want to point out directly that one of settings of the submenu is enabled, it should be directly visible. Otherwise you wouldn't know what the red ring means and you'd have to look into the menu.

But I'm with you that it is probably a little bit too big...

@susnux
Copy link
Collaborator

susnux commented Apr 29, 2024

Maybe just add it to the placeholder?
So instead of "People can enter a number" -> "People can enter a number (required)" or similar?

@Chartman123
Copy link
Collaborator Author

For text questions ok, but how would you do it for e.g. the new file question?

@jotoeri
Copy link
Member

jotoeri commented May 1, 2024

Was just dropping by so here some greets and my 5 cent:
I like the mark on the three dot menu - but i'd think about using an asterisk there. This should be clearly connected to the required option. I could imagine one could do that similarly with specific signs of up to three options from the menu (or maybe even four on the four edges)? 😉

👋

@susnux
Copy link
Collaborator

susnux commented May 6, 2024

I like the mark on the three dot menu - but i'd think about using an asterisk there.

I like the idea 👍

@Chartman123
Copy link
Collaborator Author

So we overlay the Icon in small over the three dot menu?

@susnux
Copy link
Collaborator

susnux commented May 7, 2024

Would look like this:
image

Or:
image


Feel free to drop the commit.

@Chartman123
Copy link
Collaborator Author

I could live with that, but move it to the top left and don't use the red color. I think this is too much.

@susnux
Copy link
Collaborator

susnux commented May 8, 2024

image

or

image

@susnux susnux force-pushed the fix/show-required-edit-mode branch from 9dfd143 to 254dce3 Compare May 8, 2024 09:51
@Chartman123
Copy link
Collaborator Author

Thanks for updating the screenshots and the code :) I only have little time right now...

I'd be fine with that second version without the accent color :) @jancborchardt what do you think?

@Chartman123 Chartman123 requested a review from jancborchardt May 8, 2024 11:45
Copy link
Member

@jancborchardt jancborchardt left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Yep, agree with @Chartman123 , second version without the accent is very nice. :) Thanks @susnux as well!

@susnux susnux force-pushed the fix/show-required-edit-mode branch 2 times, most recently from 2a6cc70 to d553808 Compare May 8, 2024 14:09
Co-authored-by: Ferdinand Thiessen <[email protected]>
Signed-off-by: Christian Hartmann <[email protected]>
@susnux susnux force-pushed the fix/show-required-edit-mode branch from d553808 to 3c1e195 Compare May 8, 2024 14:38
@Chartman123 Chartman123 merged commit 72a4cac into main May 8, 2024
43 checks passed
@Chartman123 Chartman123 deleted the fix/show-required-edit-mode branch May 8, 2024 21:14
@backportbot backportbot bot removed the backport-request Pending backport by the backport-bot label May 8, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
3. to review Waiting for reviews design Related to the design feature: 📑 form creation regression Regression of a previous working feature
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Visual marker for "required" questions in the forms editor
4 participants