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

[FormBuilderRadioGroup]: postion of the radio button #1401

Open
3 of 7 tasks
Bhavukarora03 opened this issue May 28, 2024 · 1 comment
Open
3 of 7 tasks

[FormBuilderRadioGroup]: postion of the radio button #1401

Bhavukarora03 opened this issue May 28, 2024 · 1 comment
Labels
enhancement New feature or request

Comments

@Bhavukarora03
Copy link

Bhavukarora03 commented May 28, 2024

Is there an existing issue for this?

  • I have searched the existing issues

Package/Plugin version

9.2.1

Platforms

  • Android
  • iOS
  • Linux
  • MacOS
  • Web
  • Windows

Flutter doctor

Flutter doctor
[√] Flutter (Channel stable, 3.22.1, on Microsoft Windows [Version 10.0.22631.3593], locale en-US)
[√] Windows Version (Installed version of Windows is version 10 or higher)
[√] Android toolchain - develop for Android devices (Android SDK version 34.0.0)
[X] Chrome - develop for the web (Cannot find Chrome executable at .\Google\Chrome\Application\chrome.exe)
    ! Cannot find Chrome. Try setting CHROME_EXECUTABLE to a Chrome executable.
[X] Visual Studio - develop Windows apps
    X Visual Studio not installed; this is necessary to develop Windows apps.
      Download at https://visualstudio.microsoft.com/downloads/.
      Please install the "Desktop development with C++" workload, including all of its default components
[√] Android Studio (version 2023.3)
[√] VS Code (version 1.89.1)
[√] Connected device (3 available)
[√] Network resources

Minimal code example

Code sample
FormBuilderRadioGroup(
                name: 'circle_visibility',
                validator: FormBuilderValidators.required(
                  errorText: 'Please select a circle visibility option',
                ),
                orientation: OptionsOrientation.vertical,
                wrapSpacing: 30,
                decoration: const InputDecoration(
                  contentPadding: EdgeInsets.zero,
                  enabledBorder: InputBorder.none,
                ),
                separator: const SizedBox(height: 20),
                options: [
                  FormBuilderFieldOption(
                    value: 'educators_only',
                    child: _buildRadioOption(
                      title: "Educators only",
                      description: "For educators seeking a professional, focused environment.",
                      visible: isEducatorOnlyContentVisible,
                      additionalContent: _buildEducatorsOnlyContent(),
                    ),
                  ),
                  FormBuilderFieldOption(
                    value: 'open_to_all',
                    child: _buildRadioOption(
                      title: "Open to all",
                      description: "Welcomes a diverse group, including educators, learners, and enthusiasts.",
                      visible: isAllContentVisible,
                      additionalContent: _buildOpenToAllContent(),
                    ),
                  ),
                ],
                onChanged: (value) {
                  setState(() {
                    isEducatorOnlyContentVisible = value == 'educators_only';
                    isAllContentVisible = value == 'open_to_all';
                  });
                }),

Current Behavior

Expected Behavior

i want the postion of the radio button to the top left instead of centre when content is expanded

Steps To Reproduce

sample.dart

Aditional information

image

@Bhavukarora03 Bhavukarora03 added the bug Something isn't working label May 28, 2024
@deandreamatias deandreamatias changed the title [Formbuilder radio button]: <title> [Formbuilder radio button]: postion of the radio button May 29, 2024
@deandreamatias deandreamatias changed the title [Formbuilder radio button]: postion of the radio button [FormBuilderRadioGroup]: postion of the radio button Aug 18, 2024
@deandreamatias
Copy link
Collaborator

deandreamatias commented Aug 18, 2024

Maybe if add a property to change this

crossAxisAlignment: CrossAxisAlignment.start,
can be change control position

I see that more like a enhancement than bug

@deandreamatias deandreamatias added enhancement New feature or request and removed bug Something isn't working labels Aug 18, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request
Projects
None yet
Development

No branches or pull requests

2 participants