Footer - AppDaddy-Software-Solutions-Inc/framework-markup-language GitHub Wiki

<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

img

  <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>

logo See it in Action

Other Widgets You May Find Useful:

⚠️ **GitHub.com Fallback** ⚠️