flutter-form-builder-ecosystem / flutter-form-builder-ecosystem/flutter_form_builder

[FormBuilderRadioGroup]: position of the radio button

Open
#1,401 2 comments 0 reactions 0 assignees View on GitHub
enhancement good first issue
Dominant language
Dart
Stars
1.6k
Forks
561
PR merge metrics
No merged PRs in 30d

Description

### Is there an existing issue for this?

- [X] I have searched the existing issues

### Package/Plugin version

9.2.1

### Platforms

- [X] Android
- [X] iOS
- [ ] Linux
- [ ] MacOS
- [ ] Web
- [ ] Windows

### Flutter doctor

Flutter doctor

```bash
[√] 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

```dart

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](https://github.com/flutter-form-builder-ecosystem/flutter_form_builder/assets/61755332/4b6eaaf8-9f39-4125-8586-259ddc9c2910)

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.