{% include 'header.html' %} {% include 'sidebar.html' ignore missing with context %}
{# col-sm-1 #}

Example Flask SPAs

Customized Single Page Application (SPA) examples : Dropdown Menus, Radio Buttons, Clickable Lists etc.

Feature 4: Use linked list to display content from Controller i.e. Flask

Click on link to display content based on selection in a DIV. Content is retrieved from Flask. This feature works with paragraphs (p) element. It DOES NOT work with hyperlink (a) element

---------------------RESULT : Feature 4 ---------------

Flask content from Menu selection is:

Feature 3: Use Radio button to display content from Controller i.e. Flask

Select a radio button to display content based on selection in a DIV. Content is retrieved from Flask


Custom A
Custom B

---------------------RESULT : Feature 3 ---------------

Flask content from radio button selection is:


Feature 2: Use Radio button to display defined content

Select a radio button to display content based on selection in a DIV. Content is defined in html


Custom A
Custom B

---------------------RESULT : Feature 2 ---------------

Custom content from radio button selection is:


---------------------RESULT : Feature 1 ---------------

{# col-sm-7 #}
{# col-sm-4 #}
{# row #}
{# container #} {% include 'footer.html' %}