mirror of
https://github.com/Hopiu/django-fobi.git
synced 2026-05-14 23:53:10 +00:00
134 lines
3.6 KiB
ReStructuredText
134 lines
3.6 KiB
ReStructuredText
|
|
Screenshots
|
|
===============================================
|
|
Bootstrap3 theme
|
|
-----------------------------------------------
|
|
Dashboard
|
|
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
|
|
(1) Dashboard
|
|
|
|
.. image:: _static/bootstrap3/01_dashboard.png
|
|
:scale: 80 %
|
|
|
|
Create a form
|
|
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
|
|
(2) Create a form
|
|
|
|
.. image:: _static/bootstrap3/02_create_form.png
|
|
:scale: 80 %
|
|
|
|
View/edit form
|
|
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
|
|
Form elements
|
|
+++++++++++++++++++++++++++++++++++++++++++++++
|
|
(3) Edit form - form elements tab active, no elements yet
|
|
|
|
.. image:: _static/bootstrap3/03_edit_form_-_form_elements_tab_active_-_no_elements_yet.png
|
|
:scale: 80 %
|
|
|
|
(4) Edit form - form elements tab active, add a form element menu
|
|
|
|
.. image:: _static/bootstrap3/04_edit_form_-_form_elements_tab_active_-_add_element_menu.png
|
|
:scale: 80 %
|
|
|
|
(5) Edit form - add a form element (URL plugin)
|
|
|
|
.. image:: _static/bootstrap3/05_edit_form_-_add_form_element_url_plugin.png
|
|
:scale: 80 %
|
|
|
|
(6) Edit form - form elements tab active, with form elements
|
|
|
|
.. image:: _static/bootstrap3/06_edit_form_-_form_elements_tab_active_-_with_elements.png
|
|
:scale: 80 %
|
|
|
|
Form handlers
|
|
+++++++++++++++++++++++++++++++++++++++++++++++
|
|
|
|
(7) Edit form - form handlers tab active, no handlers yet
|
|
|
|
.. image:: _static/bootstrap3/07_edit_form_-_form_handlers_tab_active_-_no_handlers_yet.png
|
|
:scale: 80 %
|
|
|
|
(8) Edit form - form handlers tab tactive, add form handler menu
|
|
|
|
.. image:: _static/bootstrap3/08_edit_form_-_form_handlers_tab_active_-_add_handler_menu.png
|
|
:scale: 80 %
|
|
|
|
(9) Edit form - add a form handler (Mail plugin)
|
|
|
|
.. image:: _static/bootstrap3/09_edit_form_-_add_form_handler_mail_plugin.png
|
|
:scale: 80 %
|
|
|
|
(10) Edit form - form handlers tab active, with form handlers
|
|
|
|
.. image:: _static/bootstrap3/10_edit_form_-_form_handlers_tab_active_with_handlers.png
|
|
:scale: 80 %
|
|
|
|
(11) Edit form - form properties tab active
|
|
|
|
.. image:: _static/bootstrap3/11_edit_form_-_form_properties_tab_active.png
|
|
:scale: 80 %
|
|
|
|
(12) View form
|
|
|
|
.. image:: _static/bootstrap3/12_view_form.png
|
|
:scale: 80 %
|
|
|
|
(13) View form - form submitted (thanks page)
|
|
|
|
.. image:: _static/bootstrap3/13_view_form_-_form_submitted.png
|
|
:scale: 80 %
|
|
|
|
(14) Edit form - add a form element (Video plugin)
|
|
|
|
.. image:: _static/bootstrap3/14_edit_form_-_add_form_element_video_plugin.png
|
|
:scale: 80 %
|
|
|
|
(15) Edit form - add a form element (Boolean plugin)
|
|
|
|
.. image:: _static/bootstrap3/15_edit_form_-_add_form_element_boolean_plugin.png
|
|
:scale: 80 %
|
|
|
|
(16) Edit form
|
|
|
|
.. image:: _static/bootstrap3/16_edit_form.png
|
|
:scale: 80 %
|
|
|
|
(17) View form
|
|
|
|
.. image:: _static/bootstrap3/17_view_form.png
|
|
:scale: 80 %
|
|
|
|
Simple theme
|
|
-----------------------------------------------
|
|
View/edit form
|
|
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
|
|
(1) Edit form - form elements tab active, with form elements
|
|
|
|
.. image:: _static/simple/01_edit_form_-_form_elements_tab_active_with_elements.png
|
|
:scale: 80 %
|
|
|
|
(2) Edit form - form elements tab active, add a form element menu
|
|
|
|
.. image:: _static/simple/02_edit_form_-_form_elements_tab_active_add_elements_menu.png
|
|
:scale: 80 %
|
|
|
|
(3) Edit form - add a form element (Hidden plugin)
|
|
|
|
.. image:: _static/simple/03_edit_form_-_add_form_element_hidden.png
|
|
:scale: 80 %
|
|
|
|
(4) Edit form - form handlers tab active, with form handlers
|
|
|
|
.. image:: _static/simple/04_edit_form_-_form_handlers_tab_active_with_handlers.png
|
|
:scale: 80 %
|
|
|
|
(5) Edit form - form properties tab active
|
|
|
|
.. image:: _static/simple/05_edit_form_-_form_properties_tab_active.png
|
|
:scale: 80 %
|
|
|
|
(6) View form
|
|
|
|
.. image:: _static/simple/06_view_form.png
|
|
:scale: 80 %
|