FOOTER

<FOOTER/> : <BOX/>

The <FOOTER/> widget is used to display fixed content at the bottom of an <FML/> page. There can be only one <FOOTER/> per page. Page <FOOTER/>'s are fixed to the bottom of the page and do not scroll.

If your <FOOTER/> is used in several <FML/> pages, consider using the <INCLUDE/> widget to avoid duplicate code. This allows you to write the code once and use it in other templates.

Attributes

Name	Type	Default	Description	Req
layout	string	stack	Default layout inside the box, Valid entries are "row", "column", or "stack"
height	int	50	The height of the footer

Examples

Example #1 : a simple footer

  <FOOTER height="100" layout="row" color="#0000FF66" valign="center">

        <BUTTON type="outlined"  onclick="showtemplate()" margin="10">
              <ICON icon="preview_rounded"/>
              <TEXT label="Show Template"/>
        </BUTTON>

          <TEXT  italic="true" size="10" color="{THEME.onsurface}" label="Flutter Markup Language is a Fair-Source and publicly available community product of"/>

          <ICON icon="appdaddy"/>

          <TEXT italic="true" size="10" color="{THEME.onsurface}" label="AppDaddy Software Solutions Inc. To get started using FML visit"/>

          <PAD right="4"/>

          <LINK onclick="open('https://fml.dev')">
            <TEXT size="10" color="blue" label="***FML.DEV***"/>
          </LINK>
          
  </FOOTER>

See it in Action

Other Widgets You May Find Useful:

• <BREADCRUMB/>
• <HEADER/>