Flask extension to allow easy embedding of Fomantic-UI CSS Framework.
Project description
Flask-FomanticUI
Flask-FomanticUI is a collection of Jinja macros for Fomantic UI and Flask for the global style. Very similar to Bootstrap-Flask.
Features
- Table generation: Render data objects (dict or class objects) to Fomantic UI Table.
- Paginate generation: Render Flask-SQLAlchemy
Paginationobject to Fomantic UI Pagination. - Form generation: Render Flask-WTF/WTForms form object to Fomantic UI Form, etc.
Requirements
Python 3.8+
Dependecies for this project.
- Flask(>=2.0.2) for build the backend.
intallation
You can install via pip:
$> pip install Flask-FomanticUI
Example
Register the extension:
from flask import Flask
# To follow the naming rule of Flask extension, although
# this project's name is Flask-FomanticUI, the actual package
# installed is named `flask_fomanticui`.
from flask_fomanticui import FomanticUI
app = Flask(__name__)
fomantic = FomanticUI(app)
Assuming you have a Flask-WTF form like this:
class LoginForm(FlaskForm):
username = StringField('Username', validators=[DataRequired(), Length(1, 20)])
password = PasswordField('Password', validators=[DataRequired(), Length(8, 150)])
submit = SubmitField()
remember = BooleanField('Remember me')
Now with the render_ui_form macro:
{% from 'fomanticui/form_ui.html' import render_ui_form %}
<html>
<head>
<!-- Fomantic UI - CSS -->
</head>
<body>
<h2>Login</h2>
{{ render_ui_form(form) }}
<!-- Fomantic UI - JS -->
</body>
</html>
You will get a form like this with only one line code (i.e. {{ render_ui_form(form) }}):
When the validation fails, the error messages will be rendered with proper style:
Read the Basic Usage docs for more details.
Links
Authors
- Ferreira, Juan David
Please submit bug reports, suggestions for improvements and patches via the (E-mail: juandavid9a0@gmail.com).
Contributors
Credits goes to these peoples:
Official repository and Issues
License
Flask-FomanticUI is free software you can redistribute it and/or modify it
under the terms of the MIT License. For more information, you can see the
LICENSE file
for details.
Project details
None None None None NoneRelease history Release notifications | RSS feed
Download files
Download the file for your platform. If you're not sure which to choose, learn more about installing packages.
Source Distribution
Built Distribution
Hashes for Flask_FomanticUI-0.0.3-py3-none-any.whl
| Algorithm | Hash digest | |
|---|---|---|
| SHA256 | bc2caab272671195d08865b123e6727be1b2e4b126d14558e8565c313443b9f5 |
|
| MD5 | e4b8b05cac62a9c2ebdfe299a94e8edd |
|
| BLAKE2b-256 | a696c176bd00b62adf73d9d7a3269bfae00210994d231767c5672494729b5e93 |
