<!-- <img src="docs/gallery/full_screen.png" alt="Imagen Flet-Box"> -->
<!-- markdownserver http://localhost:8009/README.md -->
<!-- http://localhost:8080/Desktop/git_hub/flet_box/docs/Roadmap#flet-box-framework-roadmap -->
## Flet-Box:
### It's a Python GUI Framework for Multi-Platform Apps
[](https://www.youtube.com/watch?v=15DDAACb0Hw)
<details>
<summary>Gallery Preview FLET-BOX</summary>
<img src="docs/gallery/full_screen.png" alt="Imagen Flet-Box">
<img src="docs/gallery/icons.png" alt="Icons Flet-Box">
<img src="docs/gallery/colors.png" alt="Colors Flet-Box">
<img src="docs/gallery/pc_mode.png" alt="Colors Flet-Box">
<img src="docs/gallery/pc_mode_config.png" alt="Colors Flet-Box">
</details>
[More info documentation](https://github.com/xavier53348/Flet-Box/blob/main/docs/WIDGET.md)
[Our goals and Roadmap](https://github.com/xavier53348/Flet-Box/blob/main/docs/Roadmap.md)
**Certainly!** Let's create a documentation for **Flet-Box**, a GUI framework that simplifies building multi-platform apps using drag-and-drop widgets in the Python language.
## Instalation Flet-Box
```bash
>>> mkdir My_app
>>> cd My_app
```
## Run one time
```bash
>>> python3 -m venv .venv
```
## Activate virtual env
```bash
>>> source .venv/bin/activate
>>> pip install flet
>>> pip install -r requirements.txt
```
## Install manually
```
>>> git clone https://github.com/xavier53348/Flet-Box.git
```
## By pypi repo
```
>>> pip install flet-box-gui
```
## Easy run Flet-Box
```bash
>>> flet flet_box/flet_box.py
```
## Easy way run a save APP
```
>>> flet test/proyect_name/proyect_name/main.py
```
### Introduction
**Flet-Box** is a powerful framework that enables developers to create interactive multi-user web, desktop, and mobile applications. Whether you're a seasoned developer or just starting out, **Flet-Box** makes frontend development accessible without prior experience. Here are the key features:
1. **Cross-Platform**: Build apps that run seamlessly on web browsers, desktop environments (like macOS and Windows), and mobile devices.
2. **Drag-and-Drop Widgets**: Easily design your app's user interface by dragging and dropping widgets.
3. **Based on Flutter**: **Flet-Box** is a fork of **Flet Framework** leverages the power of Flutter by Google, but it doesn't stop there. It adds its own opinion by combining smaller widgets, implementing UI best practices, and applying reasonable defaults to ensure your apps look professional without extra effort.
### Getting Started with Flet-Box in Python
To get started, you don't need to be a front-end guru, but basic knowledge of Python and object-oriented programming is recommended. Let's dive into the basics:
### Learn More
Ready to build real-world apps? Check out the [official Flet documentation](https://flet.dev/docs/) and explore tutorials for your preferred language, including Python3. Happy coding! 🚀
### Widgets aviables with Flet-Box Now on building
Certainly! In **Flet-Box**, you can create drag-and-drop interactions using the **LongPressDraggable** widget. Let's break down how to achieve this:
1. **LongPressDraggable**: This widget recognizes when a user performs a long press (sometimes called touch & hold) on a widget. It then displays a new widget near the user's finger. As the user drags, the widget follows their finger. You have full control over the widget that the user drags.
- Wrap your UI element (widget) with a **LongPressDraggable**. For example, if you have a list of menu items, each displayed using a custom **MenuListItem** widget, you can wrap it like this:
## Widgets will be Updating ...
#### You mey use now the currents widgets that are marked
| **SPACE LAYOUTS** | | **IMAGE WIDGET** | | **ALERTS STATUS** | |
|--------------------------|---|--------------------------|---|--------------------------|---|
| ft.divider | ✔ | ft.image | ✔ | ft.snackbar | ✘ |
| ft.verticaldivider | + | ft.circleavatar | + | ft.tooltip | ✔ |
| | | ft.icon | ✔ | ft.cupertinoalertdialog | ✘ |
| | | | | ft.cupertinodialogaction | ✘ |
| | | | | | |
| **CONTAINERS LAYOUTS** | | **CHARTS LAYOUTS** | | **TEXT WIDGET** | |
| ft.stack | ✔ | ft.barchart | ✘ | ft.text | ✔ |
| ft.row | ✔ | ft.charts | ✘ | ft.textfield | ✔ |
| ft.gridview | ✔ | ft.linechart | ✘ | ft.listview | ✘ |
| ft.column | ✔ | ft.matplotlibchart | ✘ | ft.datatable | ✘ |
| ft.container | ✔ | ft.piechart | ✘ | | |
| ft.card | ✘ | ft.plotlychart | ✘ | | |
| ft.responsiverow | ✘ | | | | |
| ft.transparentpointer | ✘ | | | | |
| | | | | | |
| **BUTTONS WIDGET** | | **SELECTIONS WIDGET** | | **ESPECIAL WIDGET** | |
| ft.textbutton | ✔ | ft.switch | ✘ | ft.tabs | ✘ |
| ft.filledbutton | ✔ | ft.checkbox | ✔ | ft.navigationbar | ✘ |
| ft.filledtonalbutton | ✔ | ft.cupertinocheckbox | ✔ | ft.cupertinoappbar | ✘ |
| ft.iconbutton | ✔ | ft.cupertinoradio | ✔ | ft.navigationdrawer | ✘ |
| ft.elevatedbutton | ✔ | ft.cupertinoslider | ✔ | ft.navigationrail | ✘ |
| ft.chip | ✔ | ft.cupertinoswitch | ✔ | ft.menubar | ✘ |
| ft.outlinedbutton | ✔ | ft.submenubutton | ✘ | ft.appbar | ✘ |
| ft.bottomappbar | ✘ | ft.dropdown | ✘ | ft.cupertinonavigationbar| ✘ |
| ft.bottomsheet | ✘ | ft.datepicker | ✘ | ft.searchbar | ✘ |
| ft.segmentedbutton | ✘ | ft.timepicker | ✘ | | |
| ft.floatingactionbutton | ✘ | ft.filepicker | ✘ | | |
| | | ft.radio | ✘ | | |
| | | | | | |
| **WIDGETS STATUS** | |
| ft.slider | ✘ |
| ft.progressbar | ✘ |
| ft.progressring | ✘ |
| ft.alertdialog | ✘ |
| ft.rangeslider | ✘ |
<!-- make tree -->
<!-- tree -I '__pycache__|__init__.py|test|drag_drop_proyect|flet_box.egg-info|docs|.|build|dist|LICENSE|MANIFEST.in|requeriments.txt|README.md|pyproject.toml|setup.py' > full_path.txt -->
### Path Flet-Box Modules
```bash
.
├── full_path.txt
├── src
│  ├── assets
│  │  ├── avatar.jpg
│  │  ├── avatar.png
│  │  ├── dragg_container3.jpg
│  │  ├── dragg_container.jpg
│  │  ├── image.jpg
│  │  ├── img.jpg
│  │  ├── iphone.png
│  │  ├── logo.jpg
│  │  ├── logo_mark.png
│  │  ├── my_avatar.png
│  │  ├── no_imagen.jpg
│  │  └── splash.jpg
│  ├── bump-version.sh
│  ├── CHANGELOG.md
│  ├── extra_utils
│  │  ├── about
│  │  │  └── about.py
│  │  ├── alert
│  │  │  └── alert_selected.py
│  │  ├── chat_gpt_browser
│  │  │  ├── gpt_browser.py
│  │  │  └── library_chatgpt.py
│  │  ├── color_browser
│  │  │  └── color_browser.py
│  │  ├── config_container
│  │  │  ├── bool_entry.py
│  │  │  ├── color_entry.py
│  │  │  ├── double_entry.py
│  │  │  ├── four_entry.py
│  │  │  ├── gradient_entry.py
│  │  │  ├── selection_entry.py
│  │  │  ├── single_entry.py
│  │  │  └── widget_editor.py
│  │  ├── drag_container
│  │  │  ├── dragg_widget.py
│  │  │  ├── drag_handler_container.py
│  │  │  ├── infinity_box_layer_one.py
│  │  │  └── widget_drag_editor.py
│  │  ├── icon_browser
│  │  │  └── icon_browser.py
│  │  ├── lite_menu_bar_down_phone
│  │  │  ├── footer_bar_menu_phone.py
│  │  │  └── selected_widget.py
│  │  ├── lite_menu_bar_up_phone
│  │  │  └── head_bar_menu_phone.py
│  │  ├── menu_tab_left_phone
│  │  │  └── widget_menu_left_editor.py
│  │  ├── menu_tab_up_phone
│  │  │  ├── basic_menu_tab_up.py
│  │  │  └── widget_menu_tab_editor.py
│  │  ├── phone_container
│  │  │  └── widget_phone_editor.py
│  │  ├── settings_var
│  │  │  ├── save_export.py
│  │  │  └── settings_widget.py
│  │  └── tree_view
│  │  ├── tree_view.py
│  │  └── tree_view_text_editor.py
│  ├── flet_box.py
│  ├── __main__.py
│  └── VERSION
└── workflows
18 directories, 47 files
```
### Certainly!
If you're passionate about shaping the future of frameworks and contributing to their development, I invite you to join our collaborative efforts. Here's how you can get involved:
1. **Documentation and Modules**:
- **Documentation**: We're actively working on creating comprehensive documentation for our Flet-Box framework. Your contributions can help make it more accessible, accurate, and user-friendly. Whether you're an expert or a beginner, your insights matter!
- **Modules**: Our framework consists of various modules that handle different aspects of Flet activities. If you have expertise in any specific area (such as Documentation, Modules, or consensus algorithms ), consider contributing by improving existing modules or proposing new ones.
2. **Financial Considerations**:
- If you're passionate about supporting open-source projects and want to contribute to the **Flet-box Framework**, here's a simple invitation for you:
**You may contribute Donating tokens to give suppor to the proyect in MATIC , BINANCE or TRX Tokens**
- **Low Fees**: In transactions have extremely low fees, making it ideal for micro-donations.
- Invite me a **COFFE** or a **BEER** ..
**How to Donate Tokens:**
- **Get Token**: Purchase MATIC , BINANCE or TRX on platforms like Binance, Coinbase, or Uniswap.
- **Donate**: Visit the Flet-box page and contribute directly. **Every donation counts!**
**MATIC WALLET**
| **SPACE LAYOUTS** | **ADDRESS** |
|-------------------------------------------------------------------------------------------|-----------------------------------------------------------|
| <img src="docs/assets/matics_wallet.jpeg" style="width:60px" align="Center"> | 0x6d437bB66af8d2c44670eA18F059BE1417Dcd7bA |
| <img src="docs/assets/trx_wallet.jpeg" style="width:60px" align="Center"> | THi2UTY8SrUYNrzqKek8U3pvLuEF5y4fDQ |
| <img src="docs/assets/bnb_wallet.jpeg" style="width:60px" align="Center"> | bnb1vhe8q5zf2fr6s0ga8dnm5nzaz9uapky6w2xcnr |
- **Learn More**: Explore Flet-box's mission, roadmap, and community initiatives on their official website.
3. **Collaboration and Feedback**:
- We value diverse perspectives. Engage in discussions, attend working groups, and provide feedback during public consultations.
### How to Get Started:
* Reach out to our team via the provided contact details if you have specific questions or want to contribute directly.
* Remember, every contribution counts! Let's build a robust and forward-looking framework that fosters innovation while safeguarding financial stability.
## How contribute to build Widget dragg in flet-Box
1. Build left take dragg selection widgets.
**Exemple:**
```python
self.RowDragg = DraggWidget( widget='Row' ,color='BLUE' ,icons= ft.icons.BURST_MODE_ROUNDED)
```
**Properties:**
* widget <== 'Widget name'
* color <== 'Color of the box Dragg'
* icons <== 'icons of the box Dragg'
* **we create a Object named self.RowDragg that we will add inside drag_container_to_phone object.**
#### After we need add manual inside [ drag_container_to_phone ]
2. Exemple build left take dragg selection widgets inside drag_container_to_phone.
```python
ft.Container(
content=ft.GridView(
runs_count=3,
run_spacing=8,
padding=4,
spacing=8,
expand=1,
controls=[
self.RowDragg, # <============= add inside
],
```
3. Go to infinity_box_layer_one.py and add Manually.
**Location:**
- ***'extra_utils/drag_container/infinity_box_layer_one.py'***
- we need build the Container that will have the drop Widget inside
**Exemple how will be**
```python
"Row": [
ft.Container(bgcolor='blue',alignment=ft.alignment.center,padding=ft.padding.all(4),border=ft.border.all(0.8, ft.colors.BLACK),tooltip='Row',
on_hover=lambda _:self.resetClick(),
on_click=lambda _:self.touchWidgetIndex(self.infinityDropWidget),
content=ft.Row( scroll="ALWAYS",
controls= [
],),),
],
```
Raw data
{
"_id": null,
"home_page": "https://github.com/xavier53348/Flet-Box",
"name": "flet-box-gui",
"maintainer": "xavier53348",
"docs_url": null,
"requires_python": null,
"maintainer_email": "xavier53348@gmail.com",
"keywords": "flet-box-gui, flet, flet-gui, flet-builder, flet-sdk",
"author": "xavier53348",
"author_email": "xavier53348@gmail.com",
"download_url": "https://files.pythonhosted.org/packages/ba/77/6817b3f287e08a28f2c129faba7333c40f9bc8788fc168d8bc413e0086c5/flet-box-gui-0.1.2.2.tar.gz",
"platform": "Multy platforms",
"description": "<!-- <img src=\"docs/gallery/full_screen.png\" alt=\"Imagen Flet-Box\"> -->\n<!-- markdownserver http://localhost:8009/README.md -->\n<!-- http://localhost:8080/Desktop/git_hub/flet_box/docs/Roadmap#flet-box-framework-roadmap -->\n\n\n## Flet-Box:\n### It's a Python GUI Framework for Multi-Platform Apps\n\n[](https://www.youtube.com/watch?v=15DDAACb0Hw)\n\n<details>\n <summary>Gallery Preview FLET-BOX</summary>\n <img src=\"docs/gallery/full_screen.png\" alt=\"Imagen Flet-Box\">\n <img src=\"docs/gallery/icons.png\" alt=\"Icons Flet-Box\">\n <img src=\"docs/gallery/colors.png\" alt=\"Colors Flet-Box\">\n <img src=\"docs/gallery/pc_mode.png\" alt=\"Colors Flet-Box\">\n <img src=\"docs/gallery/pc_mode_config.png\" alt=\"Colors Flet-Box\">\n</details>\n\n\n[More info documentation](https://github.com/xavier53348/Flet-Box/blob/main/docs/WIDGET.md)\n\n[Our goals and Roadmap](https://github.com/xavier53348/Flet-Box/blob/main/docs/Roadmap.md)\n\n**Certainly!** Let's create a documentation for **Flet-Box**, a GUI framework that simplifies building multi-platform apps using drag-and-drop widgets in the Python language.\n\n## Instalation Flet-Box\n```bash\n\n>>> mkdir My_app\n>>> cd My_app\n\n```\n## Run one time\n```bash\n\n>>> python3 -m venv .venv\n\n```\n## Activate virtual env\n```bash\n\n>>> source .venv/bin/activate\n>>> pip install flet\n>>> pip install -r requirements.txt\n\n```\n## Install manually\n\n```\n>>> git clone https://github.com/xavier53348/Flet-Box.git\n\n```\n## By pypi repo\n\n```\n>>> pip install flet-box-gui\n\n```\n## Easy run Flet-Box\n```bash\n\n>>> flet flet_box/flet_box.py\n\n```\n## Easy way run a save APP\n\n```\n>>> flet test/proyect_name/proyect_name/main.py\n\n```\n### Introduction\n**Flet-Box** is a powerful framework that enables developers to create interactive multi-user web, desktop, and mobile applications. Whether you're a seasoned developer or just starting out, **Flet-Box** makes frontend development accessible without prior experience. Here are the key features:\n\n1. **Cross-Platform**: Build apps that run seamlessly on web browsers, desktop environments (like macOS and Windows), and mobile devices.\n\n2. **Drag-and-Drop Widgets**: Easily design your app's user interface by dragging and dropping widgets.\n\n3. **Based on Flutter**: **Flet-Box** is a fork of **Flet Framework** leverages the power of Flutter by Google, but it doesn't stop there. It adds its own opinion by combining smaller widgets, implementing UI best practices, and applying reasonable defaults to ensure your apps look professional without extra effort.\n\n### Getting Started with Flet-Box in Python\nTo get started, you don't need to be a front-end guru, but basic knowledge of Python and object-oriented programming is recommended. Let's dive into the basics:\n\n### Learn More\nReady to build real-world apps? Check out the [official Flet documentation](https://flet.dev/docs/) and explore tutorials for your preferred language, including Python3. Happy coding! \ud83d\ude80\n\n### Widgets aviables with Flet-Box Now on building\n\nCertainly! In **Flet-Box**, you can create drag-and-drop interactions using the **LongPressDraggable** widget. Let's break down how to achieve this:\n\n1. **LongPressDraggable**: This widget recognizes when a user performs a long press (sometimes called touch & hold) on a widget. It then displays a new widget near the user's finger. As the user drags, the widget follows their finger. You have full control over the widget that the user drags.\n\n- Wrap your UI element (widget) with a **LongPressDraggable**. For example, if you have a list of menu items, each displayed using a custom **MenuListItem** widget, you can wrap it like this:\n\n## Widgets will be Updating ...\n#### You mey use now the currents widgets that are marked\n\n| **SPACE LAYOUTS** | | **IMAGE WIDGET** | | **ALERTS STATUS** | |\n|--------------------------|---|--------------------------|---|--------------------------|---|\n| ft.divider | \u2714 | ft.image | \u2714 | ft.snackbar | \u2718 |\n| ft.verticaldivider | + | ft.circleavatar | + | ft.tooltip | \u2714 |\n| | | ft.icon | \u2714 | ft.cupertinoalertdialog | \u2718 |\n| | | | | ft.cupertinodialogaction | \u2718 |\n| | | | | | |\n| **CONTAINERS LAYOUTS** | | **CHARTS LAYOUTS** | | **TEXT WIDGET** | |\n| ft.stack | \u2714 | ft.barchart | \u2718 | ft.text | \u2714 |\n| ft.row | \u2714 | ft.charts | \u2718 | ft.textfield | \u2714 |\n| ft.gridview | \u2714 | ft.linechart | \u2718 | ft.listview | \u2718 |\n| ft.column | \u2714 | ft.matplotlibchart | \u2718 | ft.datatable | \u2718 |\n| ft.container | \u2714 | ft.piechart | \u2718 | | |\n| ft.card | \u2718 | ft.plotlychart | \u2718 | | |\n| ft.responsiverow | \u2718 | | | | |\n| ft.transparentpointer | \u2718 | | | | |\n| | | | | | |\n| **BUTTONS WIDGET** | | **SELECTIONS WIDGET** | | **ESPECIAL WIDGET** | |\n| ft.textbutton | \u2714 | ft.switch | \u2718 | ft.tabs | \u2718 |\n| ft.filledbutton | \u2714 | ft.checkbox | \u2714 | ft.navigationbar | \u2718 |\n| ft.filledtonalbutton | \u2714 | ft.cupertinocheckbox | \u2714 | ft.cupertinoappbar | \u2718 |\n| ft.iconbutton | \u2714 | ft.cupertinoradio | \u2714 | ft.navigationdrawer | \u2718 |\n| ft.elevatedbutton | \u2714 | ft.cupertinoslider | \u2714 | ft.navigationrail | \u2718 |\n| ft.chip | \u2714 | ft.cupertinoswitch | \u2714 | ft.menubar | \u2718 |\n| ft.outlinedbutton | \u2714 | ft.submenubutton | \u2718 | ft.appbar | \u2718 |\n| ft.bottomappbar | \u2718 | ft.dropdown | \u2718 | ft.cupertinonavigationbar| \u2718 |\n| ft.bottomsheet | \u2718 | ft.datepicker | \u2718 | ft.searchbar | \u2718 |\n| ft.segmentedbutton | \u2718 | ft.timepicker | \u2718 | | |\n| ft.floatingactionbutton | \u2718 | ft.filepicker | \u2718 | | |\n| | | ft.radio | \u2718 | | |\n| | | | | | |\n| **WIDGETS STATUS** | |\n| ft.slider | \u2718 |\n| ft.progressbar | \u2718 |\n| ft.progressring | \u2718 |\n| ft.alertdialog | \u2718 |\n| ft.rangeslider | \u2718 |\n\n<!-- make tree -->\n <!-- tree -I '__pycache__|__init__.py|test|drag_drop_proyect|flet_box.egg-info|docs|.|build|dist|LICENSE|MANIFEST.in|requeriments.txt|README.md|pyproject.toml|setup.py' > full_path.txt -->\n\n### Path Flet-Box Modules\n```bash\n.\n\u251c\u2500\u2500 full_path.txt\n\u251c\u2500\u2500 src\n\u2502\u00a0\u00a0 \u251c\u2500\u2500 assets\n\u2502\u00a0\u00a0 \u2502\u00a0\u00a0 \u251c\u2500\u2500 avatar.jpg\n\u2502\u00a0\u00a0 \u2502\u00a0\u00a0 \u251c\u2500\u2500 avatar.png\n\u2502\u00a0\u00a0 \u2502\u00a0\u00a0 \u251c\u2500\u2500 dragg_container3.jpg\n\u2502\u00a0\u00a0 \u2502\u00a0\u00a0 \u251c\u2500\u2500 dragg_container.jpg\n\u2502\u00a0\u00a0 \u2502\u00a0\u00a0 \u251c\u2500\u2500 image.jpg\n\u2502\u00a0\u00a0 \u2502\u00a0\u00a0 \u251c\u2500\u2500 img.jpg\n\u2502\u00a0\u00a0 \u2502\u00a0\u00a0 \u251c\u2500\u2500 iphone.png\n\u2502\u00a0\u00a0 \u2502\u00a0\u00a0 \u251c\u2500\u2500 logo.jpg\n\u2502\u00a0\u00a0 \u2502\u00a0\u00a0 \u251c\u2500\u2500 logo_mark.png\n\u2502\u00a0\u00a0 \u2502\u00a0\u00a0 \u251c\u2500\u2500 my_avatar.png\n\u2502\u00a0\u00a0 \u2502\u00a0\u00a0 \u251c\u2500\u2500 no_imagen.jpg\n\u2502\u00a0\u00a0 \u2502\u00a0\u00a0 \u2514\u2500\u2500 splash.jpg\n\u2502\u00a0\u00a0 \u251c\u2500\u2500 bump-version.sh\n\u2502\u00a0\u00a0 \u251c\u2500\u2500 CHANGELOG.md\n\u2502\u00a0\u00a0 \u251c\u2500\u2500 extra_utils\n\u2502\u00a0\u00a0 \u2502\u00a0\u00a0 \u251c\u2500\u2500 about\n\u2502\u00a0\u00a0 \u2502\u00a0\u00a0 \u2502\u00a0\u00a0 \u2514\u2500\u2500 about.py\n\u2502\u00a0\u00a0 \u2502\u00a0\u00a0 \u251c\u2500\u2500 alert\n\u2502\u00a0\u00a0 \u2502\u00a0\u00a0 \u2502\u00a0\u00a0 \u2514\u2500\u2500 alert_selected.py\n\u2502\u00a0\u00a0 \u2502\u00a0\u00a0 \u251c\u2500\u2500 chat_gpt_browser\n\u2502\u00a0\u00a0 \u2502\u00a0\u00a0 \u2502\u00a0\u00a0 \u251c\u2500\u2500 gpt_browser.py\n\u2502\u00a0\u00a0 \u2502\u00a0\u00a0 \u2502\u00a0\u00a0 \u2514\u2500\u2500 library_chatgpt.py\n\u2502\u00a0\u00a0 \u2502\u00a0\u00a0 \u251c\u2500\u2500 color_browser\n\u2502\u00a0\u00a0 \u2502\u00a0\u00a0 \u2502\u00a0\u00a0 \u2514\u2500\u2500 color_browser.py\n\u2502\u00a0\u00a0 \u2502\u00a0\u00a0 \u251c\u2500\u2500 config_container\n\u2502\u00a0\u00a0 \u2502\u00a0\u00a0 \u2502\u00a0\u00a0 \u251c\u2500\u2500 bool_entry.py\n\u2502\u00a0\u00a0 \u2502\u00a0\u00a0 \u2502\u00a0\u00a0 \u251c\u2500\u2500 color_entry.py\n\u2502\u00a0\u00a0 \u2502\u00a0\u00a0 \u2502\u00a0\u00a0 \u251c\u2500\u2500 double_entry.py\n\u2502\u00a0\u00a0 \u2502\u00a0\u00a0 \u2502\u00a0\u00a0 \u251c\u2500\u2500 four_entry.py\n\u2502\u00a0\u00a0 \u2502\u00a0\u00a0 \u2502\u00a0\u00a0 \u251c\u2500\u2500 gradient_entry.py\n\u2502\u00a0\u00a0 \u2502\u00a0\u00a0 \u2502\u00a0\u00a0 \u251c\u2500\u2500 selection_entry.py\n\u2502\u00a0\u00a0 \u2502\u00a0\u00a0 \u2502\u00a0\u00a0 \u251c\u2500\u2500 single_entry.py\n\u2502\u00a0\u00a0 \u2502\u00a0\u00a0 \u2502\u00a0\u00a0 \u2514\u2500\u2500 widget_editor.py\n\u2502\u00a0\u00a0 \u2502\u00a0\u00a0 \u251c\u2500\u2500 drag_container\n\u2502\u00a0\u00a0 \u2502\u00a0\u00a0 \u2502\u00a0\u00a0 \u251c\u2500\u2500 dragg_widget.py\n\u2502\u00a0\u00a0 \u2502\u00a0\u00a0 \u2502\u00a0\u00a0 \u251c\u2500\u2500 drag_handler_container.py\n\u2502\u00a0\u00a0 \u2502\u00a0\u00a0 \u2502\u00a0\u00a0 \u251c\u2500\u2500 infinity_box_layer_one.py\n\u2502\u00a0\u00a0 \u2502\u00a0\u00a0 \u2502\u00a0\u00a0 \u2514\u2500\u2500 widget_drag_editor.py\n\u2502\u00a0\u00a0 \u2502\u00a0\u00a0 \u251c\u2500\u2500 icon_browser\n\u2502\u00a0\u00a0 \u2502\u00a0\u00a0 \u2502\u00a0\u00a0 \u2514\u2500\u2500 icon_browser.py\n\u2502\u00a0\u00a0 \u2502\u00a0\u00a0 \u251c\u2500\u2500 lite_menu_bar_down_phone\n\u2502\u00a0\u00a0 \u2502\u00a0\u00a0 \u2502\u00a0\u00a0 \u251c\u2500\u2500 footer_bar_menu_phone.py\n\u2502\u00a0\u00a0 \u2502\u00a0\u00a0 \u2502\u00a0\u00a0 \u2514\u2500\u2500 selected_widget.py\n\u2502\u00a0\u00a0 \u2502\u00a0\u00a0 \u251c\u2500\u2500 lite_menu_bar_up_phone\n\u2502\u00a0\u00a0 \u2502\u00a0\u00a0 \u2502\u00a0\u00a0 \u2514\u2500\u2500 head_bar_menu_phone.py\n\u2502\u00a0\u00a0 \u2502\u00a0\u00a0 \u251c\u2500\u2500 menu_tab_left_phone\n\u2502\u00a0\u00a0 \u2502\u00a0\u00a0 \u2502\u00a0\u00a0 \u2514\u2500\u2500 widget_menu_left_editor.py\n\u2502\u00a0\u00a0 \u2502\u00a0\u00a0 \u251c\u2500\u2500 menu_tab_up_phone\n\u2502\u00a0\u00a0 \u2502\u00a0\u00a0 \u2502\u00a0\u00a0 \u251c\u2500\u2500 basic_menu_tab_up.py\n\u2502\u00a0\u00a0 \u2502\u00a0\u00a0 \u2502\u00a0\u00a0 \u2514\u2500\u2500 widget_menu_tab_editor.py\n\u2502\u00a0\u00a0 \u2502\u00a0\u00a0 \u251c\u2500\u2500 phone_container\n\u2502\u00a0\u00a0 \u2502\u00a0\u00a0 \u2502\u00a0\u00a0 \u2514\u2500\u2500 widget_phone_editor.py\n\u2502\u00a0\u00a0 \u2502\u00a0\u00a0 \u251c\u2500\u2500 settings_var\n\u2502\u00a0\u00a0 \u2502\u00a0\u00a0 \u2502\u00a0\u00a0 \u251c\u2500\u2500 save_export.py\n\u2502\u00a0\u00a0 \u2502\u00a0\u00a0 \u2502\u00a0\u00a0 \u2514\u2500\u2500 settings_widget.py\n\u2502\u00a0\u00a0 \u2502\u00a0\u00a0 \u2514\u2500\u2500 tree_view\n\u2502\u00a0\u00a0 \u2502\u00a0\u00a0 \u251c\u2500\u2500 tree_view.py\n\u2502\u00a0\u00a0 \u2502\u00a0\u00a0 \u2514\u2500\u2500 tree_view_text_editor.py\n\u2502\u00a0\u00a0 \u251c\u2500\u2500 flet_box.py\n\u2502\u00a0\u00a0 \u251c\u2500\u2500 __main__.py\n\u2502\u00a0\u00a0 \u2514\u2500\u2500 VERSION\n\u2514\u2500\u2500 workflows\n\n18 directories, 47 files\n\n```\n\n### Certainly!\n\nIf you're passionate about shaping the future of frameworks and contributing to their development, I invite you to join our collaborative efforts. Here's how you can get involved:\n\n1. **Documentation and Modules**:\n\n - **Documentation**: We're actively working on creating comprehensive documentation for our Flet-Box framework. Your contributions can help make it more accessible, accurate, and user-friendly. Whether you're an expert or a beginner, your insights matter!\n\n - **Modules**: Our framework consists of various modules that handle different aspects of Flet activities. If you have expertise in any specific area (such as Documentation, Modules, or consensus algorithms ), consider contributing by improving existing modules or proposing new ones.\n\n2. **Financial Considerations**:\n\n - If you're passionate about supporting open-source projects and want to contribute to the **Flet-box Framework**, here's a simple invitation for you:\n\n **You may contribute Donating tokens to give suppor to the proyect in MATIC , BINANCE or TRX Tokens**\n\n - **Low Fees**: In transactions have extremely low fees, making it ideal for micro-donations.\n - Invite me a **COFFE** or a **BEER** ..\n\n **How to Donate Tokens:**\n - **Get Token**: Purchase MATIC , BINANCE or TRX on platforms like Binance, Coinbase, or Uniswap.\n - **Donate**: Visit the Flet-box page and contribute directly. **Every donation counts!**\n\n **MATIC WALLET**\n\n| **SPACE LAYOUTS** | **ADDRESS** |\n|-------------------------------------------------------------------------------------------|-----------------------------------------------------------|\n| <img src=\"docs/assets/matics_wallet.jpeg\" style=\"width:60px\" align=\"Center\"> | 0x6d437bB66af8d2c44670eA18F059BE1417Dcd7bA |\n| <img src=\"docs/assets/trx_wallet.jpeg\" style=\"width:60px\" align=\"Center\"> | THi2UTY8SrUYNrzqKek8U3pvLuEF5y4fDQ |\n| <img src=\"docs/assets/bnb_wallet.jpeg\" style=\"width:60px\" align=\"Center\"> | bnb1vhe8q5zf2fr6s0ga8dnm5nzaz9uapky6w2xcnr |\n\n - **Learn More**: Explore Flet-box's mission, roadmap, and community initiatives on their official website.\n\n3. **Collaboration and Feedback**:\n - We value diverse perspectives. Engage in discussions, attend working groups, and provide feedback during public consultations.\n\n### How to Get Started:\n\n* Reach out to our team via the provided contact details if you have specific questions or want to contribute directly.\n* Remember, every contribution counts! Let's build a robust and forward-looking framework that fosters innovation while safeguarding financial stability.\n\n## How contribute to build Widget dragg in flet-Box\n\n1. Build left take dragg selection widgets.\n\n**Exemple:**\n\n```python\n\nself.RowDragg = DraggWidget( widget='Row' ,color='BLUE' ,icons= ft.icons.BURST_MODE_ROUNDED)\n\n```\n **Properties:**\n\n * widget <== 'Widget name'\n * color <== 'Color of the box Dragg'\n * icons <== 'icons of the box Dragg'\n\n * **we create a Object named self.RowDragg that we will add inside drag_container_to_phone object.**\n\n #### After we need add manual inside [ drag_container_to_phone ]\n\n2. Exemple build left take dragg selection widgets inside drag_container_to_phone.\n\n```python\n\nft.Container(\n content=ft.GridView(\n runs_count=3,\n run_spacing=8,\n padding=4,\n spacing=8,\n expand=1,\n controls=[\n self.RowDragg, # <============= add inside\n ],\n\n```\n\n3. Go to infinity_box_layer_one.py and add Manually.\n\n**Location:**\n\n- ***'extra_utils/drag_container/infinity_box_layer_one.py'***\n\n- we need build the Container that will have the drop Widget inside\n\n**Exemple how will be**\n\n```python\n\n\"Row\": [\n ft.Container(bgcolor='blue',alignment=ft.alignment.center,padding=ft.padding.all(4),border=ft.border.all(0.8, ft.colors.BLACK),tooltip='Row',\n on_hover=lambda _:self.resetClick(),\n on_click=lambda _:self.touchWidgetIndex(self.infinityDropWidget),\n content=ft.Row( scroll=\"ALWAYS\",\n controls= [\n ],),),\n ],\n\n```\n\n\n",
"bugtrack_url": null,
"license": null,
"summary": "flet-box-gui it's a GUI Dragg and drop BUILDER.",
"version": "0.1.2.2",
"project_urls": {
"Changelog": "https://github.com/xavier53348/Flet-Box/blob/main/docs/CHANGELOG.md",
"Documentation": "https://github.com/xavier53348/Flet-Box/blob/main/docs/WIDGET.md",
"GitHub": "https://github.com/xavier53348/Flet-Box",
"Homepage": "https://github.com/xavier53348/Flet-Box",
"Roadmap": "https://github.com/xavier53348/Flet-Box/blob/main/docs/Roadmap.md"
},
"split_keywords": [
"flet-box-gui",
" flet",
" flet-gui",
" flet-builder",
" flet-sdk"
],
"urls": [
{
"comment_text": "",
"digests": {
"blake2b_256": "3c70bb3b525e3c9b619b8c2b1c723a8b2d4199250c1e9eb25fa9585021b480cd",
"md5": "c5f7bfcbd197176460bc2851d694662a",
"sha256": "753abf01b25ed725ff656f6dc4415fd8d36c0de4cc83c33b56e66a5067d7fe33"
},
"downloads": -1,
"filename": "flet_box_gui-0.1.2.2-py3-none-any.whl",
"has_sig": false,
"md5_digest": "c5f7bfcbd197176460bc2851d694662a",
"packagetype": "bdist_wheel",
"python_version": "py3",
"requires_python": null,
"size": 1288249,
"upload_time": "2024-06-01T20:59:03",
"upload_time_iso_8601": "2024-06-01T20:59:03.652421Z",
"url": "https://files.pythonhosted.org/packages/3c/70/bb3b525e3c9b619b8c2b1c723a8b2d4199250c1e9eb25fa9585021b480cd/flet_box_gui-0.1.2.2-py3-none-any.whl",
"yanked": false,
"yanked_reason": null
},
{
"comment_text": "",
"digests": {
"blake2b_256": "ba776817b3f287e08a28f2c129faba7333c40f9bc8788fc168d8bc413e0086c5",
"md5": "5675d97f99558849fcd5ddfc93c2b72a",
"sha256": "5e204ca89d80bab0d4e92621f07029b05f1bd1539d46248c40d505d86fda7410"
},
"downloads": -1,
"filename": "flet-box-gui-0.1.2.2.tar.gz",
"has_sig": false,
"md5_digest": "5675d97f99558849fcd5ddfc93c2b72a",
"packagetype": "sdist",
"python_version": "source",
"requires_python": null,
"size": 1272144,
"upload_time": "2024-06-01T20:59:07",
"upload_time_iso_8601": "2024-06-01T20:59:07.771921Z",
"url": "https://files.pythonhosted.org/packages/ba/77/6817b3f287e08a28f2c129faba7333c40f9bc8788fc168d8bc413e0086c5/flet-box-gui-0.1.2.2.tar.gz",
"yanked": false,
"yanked_reason": null
}
],
"upload_time": "2024-06-01 20:59:07",
"github": true,
"gitlab": false,
"bitbucket": false,
"codeberg": false,
"github_user": "xavier53348",
"github_project": "Flet-Box",
"travis_ci": false,
"coveralls": false,
"github_actions": false,
"lcname": "flet-box-gui"
}
JSON
