-
Notifications
You must be signed in to change notification settings - Fork 110
Forms #69
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
Forms #69
Conversation
|
…umentation into pinkesh/forms
hey @pinkeshmars I thought we were using Arcade for uploading GIFs, and not storing locally. This will affect the performance of loading the site. Some of them are 6MB+, in any way, any image that is above 1MB should definitely be removed or optimized further. Can you move them to Arcade? Atleast the heavy files? |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Added some comments and since we are close to release, lets fix the links too. Also add custom slug paths to the non component files like forms(built in widgets and components currently will follow the hierarchy as it is, we will fix it later after all components are merged).
Also add SEO keywords and tags, chatGPT can help with that if you add the current front matter and first paragraph, and ask GPT to output modified front matter with additional keywords and tags in front matter.
@@ -0,0 +1,906 @@ | |||
--- |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Rename the file to all small, it is currently in PascalCase.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
or text-field.md
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Done!
|
||
# Overview | ||
Forms are a crucial component of any application, providing a structured way to gather user input. In FlutterFlow, creating forms is straightforward and highly customizable, allowing you to efficiently collect various types of data. FlutterFlow offers a variety of input fields for gathering different types of data, making it versatile for creating forms in your applications. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Add a :::tip and add links to relevant docs here
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Also maybe we dont need a new page for this? like this file can be renamed as forms.md and be opened when you click on forms dropdown?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Done!
|
||
### Validating input | ||
|
||
You can validate the *TextField* value by wrapping it inside the [Form](#) widget and adding the validation criteria. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
In this, we have Form highlighted as a hyperlink, but we dont have Form as a separate file in this PR, right? It should be part of Forms PR right? If yes, lets add that and also fix the link here since we are close to launch.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I see we can link it to Form Validation page.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Added!
You can validate the *TextField* value by wrapping it inside the [Form](#) widget and adding the validation criteria. | ||
|
||
:::info | ||
**Tip**: Filtering ensures that only the allowed characters or values are entered, whereas the [validation](#) checks the entire input data against certain criteria. Both techniques can be used together or independently to ensure the correctness of user input in a TextField widget. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
We can directly use tip admonition.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Updated!
| --- | --- | | ||
| Credit card number (e.g., 3424 4353 5453 3535) | #### #### #### #### | | ||
| Custom date (e.g., 12-Jan-2023) | ##-AAA-#### | | ||
|
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Add p tag here.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
p tag didn't have any effect here so added a
tag.
@@ -0,0 +1,906 @@ | |||
--- | |||
slug: textfield |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
slug: resources/forms/textfield
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Done!
@@ -0,0 +1,97 @@ | |||
--- | |||
slug: checkboxgroup |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
follow slug rule like textfield
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Done!
@@ -0,0 +1,310 @@ | |||
--- | |||
slug: dropdown |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
follow slug rule like textfield
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Done!
@@ -0,0 +1,178 @@ | |||
--- | |||
slug: radiobutton |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
follow slug rule like textfield
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Done!
@@ -1,5 +1,10 @@ | |||
--- | |||
slug: overview |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
slug: resources/forms
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Done!
…umentation into pinkesh/forms
…umentation into pinkesh/forms
Description
Provide a brief overview of what this documentation update is about. Explain what sections or topics are being added or revised.
Linear ticket and magic word Fixes DEVR-385
Type of change