nextcloud
Collapsible TO, CC, BCC, and FROM Fields
Is your feature request related to a problem? Please describe.
When composing an email with recipients added in the TO, CC, BCC, and FROM fields, alongside attachments, the available space for the email body becomes significantly small. To improve the user experience, I propose making these fields collapsible, allowing users to expand or collapse them as needed.
In scenarios where multiple recipients are added across all fields (TO, CC, BCC, and FROM) and attachments are included, the input space for the email body is reduced, making it difficult to focus on writing the message.
Describe the solution you'd like
Have a collapsible UI for the TO, CC, BCC, and FROM fields. Users should be able to collapse these fields after entering the recipients, freeing up space for the body section. The fields can be expanded again if the user needs to edit or review them.
Describe alternatives you've considered
Open for any other ideas @jancborchardt @nimishavijay @marcoambrosini
Additional context
Few ideas for a fix:
- Add ability to scroll to the modal
- Add ability to maximize the modal to the full screen
- Collapse fields to a icon when not in focus, with a hover over list to emails
Few ideas for a fix:
- Add ability to scroll to the modal
We already scroll the body part, but doesnt fix the issue, because you have to read one line at the time and its very hard to see the text you are writing or if you want to read the full text you wrote before sending.
- Add ability to maximize the modal to the full screen
yes, good point, but the issue is the height and on small screen probably its not gonna make e big difference.
- Collapse fields to a icon when not in focus, with a hover over list to emails
👍
I think Sebastian means to scroll the whole modal, which sounds like a good idea in general when we run out of space.
I think Sebastian means to scroll the whole modal, which sounds like a good idea in general when we run out of space.
Correct, this is what I meant.
Nice! Just wanted to post a new feature request :) Here's a mockup that in my opinion declutters and provides with more space:
It will also help, if no email addresses are shown if there is a name, and only show the email addresses on hover.
Scrolling the whole modal is also a good idea, maybe just leave the subject line hanging on top when scrolling down.
this was discussed during groupware team meeting and we think we should enhance the way how the composer is shown and how much space the body should have. The details should be discussed with the design team.
Many mail clients have a distinction between when the focus is on the from/to/cc/bcc fields vs when it's in the subject body or anywhere else. So I'd propose all the fields be collapsed if they are not focused. And in the interest of saving vertical space we could also put the label and field in the same row as @thstyl2000 mentioned in their mockup :)
Not filled + collapsed (1)
- [ ] Put the label and field in the same row
- [ ] The cc/bcc toggle goes inside the field
- [ ] they are styled similar to the small buttons (similar size to the reaction buttons on talk)
- [ ] clicking on any one of them shows both the cc and bcc fields
Not filled + expanded (2)
- [ ] The cc and bcc fields are shown the labels on the same row as well
- [ ] clicking on subject/body collapses the fields to (1)
Filled + expanded (3)
- [ ] like @thstyl2000 also mentioned if there are contact emails, just show the contact name, and on hovering the full email address can be shown in a tooltip
- [ ] clicking on subject/body collapses the fields to (4)
Filled + collapsed (4)
- [ ] When subject or body is focused, the cc and bcc fields are hidden and only from and to are shown
- [ ] Show as many recipient names/emails as fits in the row , the rest are indicated by a "+2 more"
- [ ] If there are cc or bcc recipients, show the number of recipients in each ("3 in cc", "4 in bcc")
- [ ] If there are no cc or bcc recipients, simply show "Cc" and "Bcc" like in (1)
- [ ] Clicking anywhere in this To field expands it back to (3)
High prio:
- [ ] collapsing upon focusing on subject/body
- [ ] "+2 more"
- [ ] Show number of cc/bcc recipients
With just those, the MVP would look like this
What do you think? In scope? :)
Looks great, thanks for that! A couple of suggestions:
- since when adding cc one doesn't always add bcc (and the other way around), what about making the cc and bcc fields separately collapsible?
- what about changing the "add contact or email address" with just a "+" button that could also go directly next to the last address and save a new line in the field (and to my impression declutter the ui even more)?
- one could also show only names if there is a name attached to the email, not only when it is a contact, ex replying to someone who is not on your contacts does not directly put him into some "recently contacted" contact list, right...?
@nimishavijay
The input fields really only need to be visible when a user is adding a recipient, after that they are just wasted space. So...
What do you think about having only, word or image buttons across the top, for "From, To, Cc, Bcc"? The buttons could be colorized depending on if the field has contents or not (grey for empty, blue for there are recipients). Clicking one of the buttons would show the full input field, then when the input is no longer in focus it collapses again to a button. Alternatively we could add a collapse icon at the end of the field, and let the user control the visibility. We could also couple this with a mouse over function that just shows the recipients, for cases where you want to double check the list of recipients.
I would do a mock up but don't have the right tools for this at the moment, so I hold my explanation is clear.
@SebastianKrupinski
The input fields really only need to be visible when a user is adding a recipient, after that they are just wasted space
Agreed, that was the idea behind the to/cc/bcc fields automatically collapsing into a single line when not focused :)
What do you think about having only, word or image buttons across the top, for "From, To, Cc, Bcc"?
This would indeed save some space in the composer modal, but it seems like a strong deviation from most other mail clients which always show the from and to fields at least.
We could also couple this with a mouse over function that just shows the recipients, for cases where you want to double check the list of recipients
That actually could be a good idea here too! On hovering over the "+2 more" or "3 in cc" etc the recipients could be shown in a tooltip.
@thstyl2000
since when adding cc one doesn't always add bcc (and the other way around), what about making the cc and bcc fields separately collapsible?
I would stick with one toggle, just to keep it simple :) so it's one click in the To field to see all the recipients and one click in subject/body to hide them
what about changing the "add contact or email address" with just a "+" button that could also go directly next to the last address and save a new line in the field (and to my impression declutter the ui even more)?
Honestly we could also do away with showing the "add contact..." placeholder altogether if the field is filled, as I'd assume once an email address has been added it's easy to add more. This would also keep it in line with the current behavior of the generic NcSelect component. What do you think @SebastianKrupinski ?
Hello everyone,
Are there any updates regarding the fix for this bug following the release of the latest versions?
What is the current development status concerning the issue with the missing virtual keyboard/cursor in the mobile input fields?
Thank you for any information!
Best regards, Schmidtinger
