{"id":24,"date":"2023-08-25T17:32:30","date_gmt":"2023-08-25T17:32:30","guid":{"rendered":"\/\/api.jquerymobile.com\/1.3\/?p=24"},"modified":"2023-08-25T17:32:30","modified_gmt":"2023-08-25T17:32:30","slug":"footer","status":"publish","type":"post","link":"https:\/\/api.jquerymobile.com\/1.3\/footer\/","title":{"rendered":"Footer Widget"},"content":{"rendered":"

\nFooter Widget<\/span>version added: 1.0<\/span>\n<\/h2>\n
\n

Description: <\/strong>Creates a footer widget<\/p>\n

QuickNavExamples<\/a>\n<\/h2><\/header>

Options<\/h3><\/div>\n

Methods<\/h3><\/div>\n

Events<\/h3><\/div><\/section>
\n\t\tThe Footer bar is usually the last element inside each mobile page, and tends to be more freeform than the header in terms of content and functionality, but typically contains a combination of text and buttons.\n\n\t\t

Footer bar structure<\/h3>\n\t\t

The footer<\/code> bar has the same basic structure as the header except it uses the data-role<\/code> attribute value of footer<\/code>.<\/p>\n\n

\n\t\n\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t
1<\/div>\n\t\t\t\t\t\n\t\t\t\t\t\t
2<\/div>\n\t\t\t\t\t\n\t\t\t\t\t\t
3<\/div>\n\t\t\t\t\t\n\t\t\t\t<\/td>\n\t\t\t\t\n\t\t\t\t
\n\t\t\t\t\t
<div<\/span> data-role<\/span>="footer"<\/span>><\/span><\/code><\/div><\/div>
  <h4<\/span>><\/span>Footer content<\/h4<\/span>><\/span><\/code><\/div><\/div>
<\/div<\/span>><\/span><\/code><\/div><\/div><\/pre>\n\t\t\t\t<\/td>\n\t\t\t<\/tr>\n\t\t<\/tbody>\n\t<\/table>\n<\/div>\n\n\n\t\t
The footer<\/code> toolbar will be themed with the "a" swatch by default (black in the default theme) but you can easily set the theme swatch color.\n\t\t