Most Wanted Features for Modals #5883
Replies: 40 comments 21 replies
-
|
I would like to mention that my concept includes labels as a button style, too. And you forgot modal pages. |
Beta Was this translation helpful? Give feedback.
-
|
i mentioned about it and added modal pages now |
Beta Was this translation helpful? Give feedback.
-
|
I'd absolutely love to see at least some of these features make it into the API |
Beta Was this translation helpful? Give feedback.
-
|
Boolean component was confirmed to be the planned by @kingmigdor |
Beta Was this translation helpful? Give feedback.
-
|
what's the source for that claim? that user is not staff |
Beta Was this translation helpful? Give feedback.
-
|
I'd like to suggest multiSelect components. |
Beta Was this translation helpful? Give feedback.
-
|
My use case for this is that I want the user to be able to select from a list of thread members, currently doing this is a pain at best, and the UX is awful. I could limit the number of users, but to keep it in a single modal I would need 8 fields (3 for one category & 5 for the other are my acceptable numbers) which currently can't happen, additionally the UX of 7 optional menus (1 category requires 1, other requires 0) is poor. I could split it across two modals, but that requires more control flow, more clicks for the user, and has the empty menu issue to a slightly lesser degree. MultiSelect for |
Beta Was this translation helpful? Give feedback.
-
|
Man I really hope they add some new stuff to Modals.. |
Beta Was this translation helpful? Give feedback.
-
|
Seriously, any kind of dev feedback on this would be greatly appreciated. Even just Buttons and Selectors (but preferably also Pagination) would solve making forms viable. Alternatively, making InputText allowed in messages would also solve this, even if in a kind of ugly way. The current state of things is incredibly frustrating as a new dev. |
Beta Was this translation helpful? Give feedback.
-
Beta Was this translation helpful? Give feedback.
-
|
I'm sorry, I'm very new here (both to bot development and web development in general). Are you saying this is something that is already viable for forms? Because my current workaround sucks, and I'd love something better. |
Beta Was this translation helpful? Give feedback.
-
|
I agree with everything people are saying. I built an integrated dashboard for my bot with modals buttons and selects because the tools are so powerful. BUT, I was really restricted with modals. Everything else is great! I really feel like Discord should prioritize this. Bots are what make Discord a one-size-fits-all in my opinion, but in their current state, they're bulky to use. I think this would be a major step forward. |
Beta Was this translation helpful? Give feedback.
-
|
ian said in ddevs they have no plans for modals |
Beta Was this translation helpful? Give feedback.
-
|
|
Beta Was this translation helpful? Give feedback.
-
|
Yes, but he also said in Discord,
So that's all I was doing. We can dream. |
Beta Was this translation helpful? Give feedback.
-
|
I would like to see these make it into an update, it would be really useful. Also, I thought a color picker could be helpful as well so I made a concept for that one as well.
|
Beta Was this translation helpful? Give feedback.
-
|
This definitely needs to be answered by a dev. |
Beta Was this translation helpful? Give feedback.
-
|
This is actually getting old. Do we have any ETA for deploying the planned features? |
Beta Was this translation helpful? Give feedback.
-
|
discord never does ETAs, plus they've claimed having no plans for modals |
Beta Was this translation helpful? Give feedback.
-
|
I would love to see this implemented as well along with these modal upgrades: #5291 (Allow the use of Mentions and Emojis in Modals) |
Beta Was this translation helpful? Give feedback.
-
|
Much needed! I hope the API developers consider some of these suggestions. Would definitely improve the usability and applicability of Modals. |
Beta Was this translation helpful? Give feedback.
-
|
I definitely see potential here with these features for modals. I already had ideas for chechboxes usage but was let down it's not implemented :( Just text fields for modals are boring. |
Beta Was this translation helpful? Give feedback.
-
|
that will be awesome |
Beta Was this translation helpful? Give feedback.
-
|
@Tolga1452 would it be possible for you to add to the list feature? Resizing the input if it has large text input? Seems like when we want input that can be 2000 chars in that really small window it's really hard to work with. |
Beta Was this translation helpful? Give feedback.
-
|
Oh man, above and beyond here!!! I was just trying to add a 3rd field and stumbled across this list. My modal called for a title (short text), description (long text), and I wanted to add a 3rd field for a url (short text) and couldn't figure out what broke (it was the 3rd field) but I stumbled on this thread and I would have a use for most of these as well! |
Beta Was this translation helpful? Give feedback.
-
|
Also better descriptions of the errors from the discord response would have been immensely helpful: HTTP 400 Bad Request, {"message": "Invalid Form Body", "code": 50035, "errors": {"data": {"components": {"2": {"components": {"0": {"label": {"_errors": [{"code": "BASE_TYPE_MAX_LENGTH", "message": "Must be 45 or fewer in length."}]}}}}}}}} fields? great. i had 3. |
Beta Was this translation helpful? Give feedback.
-
|
you've set max length as over 45. |
Beta Was this translation helpful? Give feedback.
-
|
It ended up being the text I had in the description field was more than 45 characters. Nothing in the docs (that I saw) said there was a limit to that. The example I copied from had the max length set to 300 and that example worked fine, but that max length is the length of what you are capturing in the modal input, not the text you give as a descriptor displayed on it. |
Beta Was this translation helpful? Give feedback.
-
|
Looks like Text/Description component for modals is now implemented and will be available very soon. Original |
Beta Was this translation helpful? Give feedback.
This comment was marked as off-topic.
This comment was marked as off-topic.
-
|
Date / Calendar Select? |
Beta Was this translation helpful? Give feedback.
-
|
Another update for the post! Again, thank you for your support!
Feel free to share your ideas! |
Beta Was this translation helpful? Give feedback.
-
|
SelectMenu would make a lot of user interactions so much better! Also, simple text fields / labels to explain the modal usage to the user. |
Beta Was this translation helpful? Give feedback.
-
|
I could see files themselves as a modal attachment being abused, however please, please add the ability for at least Image attachments. I literally stopped making discord apps and bots for this sole reason... I should not have to direct my users to an outside server just to facilitate uploading an image by allowing them to either copy/paste it or select the image from their system. |
Beta Was this translation helpful? Give feedback.
-
|
You can use attachment options in slash commands |
Beta Was this translation helpful? Give feedback.
and others
-
Why did I open this discussion?
I did because there are a lot of discussions for modals. I want to collect them and show my ideas about them.
Most Wanted Features for Modals
Attachment Component
Related Discussions
Description / Use Cases
Concept Design
Made by @Tolga1452
Example Code
{ "title": "My Cool Modal", "custom_id": "cool_modal", "components": [{ "type": 1, "components": [{ "type": 0, // a new type for attachment components "custom_id": "file", "label": "Upload a file", "required": true }] }] }Number Input Component
Related Discussions
Description / Use Cases
Concept Design
Made by @Tolga1452
Example Code
{ "title": "My Cool Modal", "custom_id": "cool_modal", "components": [{ "type": 1, "components": [{ "type": 0, // a new type for number input components "custom_id": "number", "label": "Enter a number", "required": true }] }] }Boolean Component
Related Discussions
Description / Use Cases
My Ideas
I named it "Boolean Component" because I think checkboxes, switches, and radio switches should be styles of the same component (like buttons). Because they have different purposes but they have the same value. For example; checkboxes are generally used for selecting, and switches are generally used for enabling/disabling. And they are returning with a boolean. Also, radio switches couldn't return with
trueorfalsewhen they are not set.Concept Designs
Made by @Tolga1452
Made by @AngeloCore
Example Code
{ "title": "My Cool Modal", "custom_id": "cool_modal", "components": [{ "type": 1, "components": [{ "type": 0, // a new type for boolean components "custom_id": "sure", "label": "Are you sure?", "style": 1, // 1 for checkbox style "required": true }] }, { "type": 1, "components": [{ "type": 0, "custom_id": "enable", "label": "Just enable it.", "style": 2, // 2 for switch style "required": true }] }, { "type": 1, "components": [{ "type": 0, "custom_id": "manage_messages", "label": "Manage Messages Permission", "style": 3, // 3 for radio switch style "required": true }] }] }Text Component (AKA Label Component)
Related Discussions
Description / Use Cases
This will allow you to add regular texts inside modals.
My Ideas
Labels are really a good idea for confirmation modals. So I think there could be no warning for label-only modals because you can't send anything with them. Also "Submit" button could be an "Okay" button.
Preview (Including Media Gallery Components)
This is still under development. Things might change.
Example Code
Currently there is no information how the usage will be for the Text Component.
Select Menu Component
Related Discussions
Description / Use Cases
This will allow you to add Select Menu Components inside modals.
Concept Design
Made by @AngeloCore
Example Code
{ "title": "My Cool Modal", "custom_id": "cool_modal", "components": [{ "type": 1, "components": [{ "type": 5, // 3, 5, 6, 7 or 8 for select menu components "custom_id": "ban", "label": "Ban users", "placeholder": "Select users to ban...", "max_values": 25, "required": true }] }] }Pagination
Related Discussions
None.
Description / Use Cases
Most people want to make pages for modals or add more components to a modal. As all of you know, we can only add up to 5 action rows into a modal right now. But we can add more components with pagination.
And I think pages should be set automatically. So if you put 7 action rows in a modal, it will have 2 pages. The first has 5 (max), and the second has 2 action rows. Then you don't need to make any changes on your code.
Concept Design
Made by @Tolga1452
Color Picker Component
Related Discussions
None.
Description / Use Cases
A color picker component would be useful for some customization options and more. Especially it would be helpful for people who don't have much knowledge about color codes. Just click on it and select your color!
Concept Design
Made by @Zyrenth
Example Code
{ "title": "My Cool Modal", "custom_id": "cool_modal", "components": [{ "type": 1, "components": [{ "type": 0, // a new type for color picker component "custom_id": "color", "label": "Select your profile color.", "description": "Profile Color", // this will be displayed under the color picker box, maybe it can be "name" or "label" instead of "description" "required": true }] }] }Autocompletion for Emojis and Mentions
Related Discussions
Description / Use Cases
Discord has built-in autocompletion for emojis and mentions in chat input, but you can't use it in modals. If you want to type an emoji then you have to close the modal, type the emoji, and copy it with its id. Same problem with mentions. This makes it harder to use modals.
Date Picker Component
Related Discussions
Description / Use Cases
A date picker inside modals could be a good feature for the general usage of modals.
My Ideas
Discord already has built-in date pickers. For example you can find one while creating an event. But these only allow you to select a date and time. I think a relative date selection can also be a good idea. For example you used a reminder command to remind you of a message after 5 hours and the
botapp opened a modal to select the date. Instead of selecting the whole date, you can just type "5" in the box and select "Hours". No need for date calculation.For regular date pickers;
Discord has two types of built-in pickers for that: date and time. I think there should be 2 different styles for this. Style
1can only show the date picker and style2can show both date and time pickers.Also style
3is for relative date picker.Concept Design
Made by @Tolga1452
Example Code
{ "title": "My Cool Modal", "custom_id": "cool_modal", "components": [ { "type": 1, "components": [{ "type": 0, // a new type for date picker component "custom_id": "date_only", "label": "A Date Picker", "style": 1 // style 1 for the date only picker }] }, { "type": 1, "components": [{ "type": 0, "custom_id": "date_and_time", "label": "A Date Picker With Time", "style": 2 // style 2 for the date and time pickers }] }, { "type": 1, "components": [{ "type": 0, "custom_id": "relative", "label": "A Relative Date Picker", "style": 3 // style 3 for the relative date picker }] } ] }Beta Was this translation helpful? Give feedback.
All reactions