Manage the app footer#
Edit the footer#
In the default application, the footer is displaying the following message :
The sky is the limit (c) 2020
This not very useful. If you want to add your name or company name to the footer it’s very simple. go to the English dictionary file :
# component/message/en.json
{
"not_translated": "this message only exist in the en dict",
"app": {
"title": "My first module",
"footer": "The sky is the limit \u00a9 {}",
"drawer_item": {
"aoi": "AOI selection",
"default_process": "Process",
"default_result": "Results",
"about": "About"
}
},
"default_process": {
"small_slider": "{} is not big enough, please provide a value > to 50",
"end_computation": "Computation complete",
"hist_title": "Histogram",
"treecover2000": "Treecover 2000",
"healthy_veg": "Healthy vegetation",
"green": "Green",
"green_update": "Green updated",
"gain_loss": "Gain & Loss",
"slider": "Select percentage",
"textfield": "Write text",
"title": "Process tile",
"no_aoi": "Please provide an AOI",
"no_slider": "Please provide a percentage value",
"no_textfield": "Please provide a text in the textfield",
"csv_btn": "Tab in .csv"
},
"result": {
"title": "Results",
"no_result": "No result to display yet"
}
}
In this file lives all the keys that are displayed in the default application (see this tutorial for more information). simply change the one called in ui.ipynb
footer. as such :
# component/message/en.json
{
# [...]
"app": {
# [..]
"footer": "My new footer text"
# [...]
}
}
Warning
don’t forget that JSON format only support “ (double quote)
Tip
if you use different translation you’ll also want to change the fr.json
accordingly.
If the new footer text does not include parameters, remove the .format(2020)
in ui.ipynb
third cell.
Remove the footer#
If the sepal footer (always included below dashboard app) is sufficient for your app, then you can consider removing the footer.
first remove the app_footer
variable from the ui.ipynb
file by removing the third cell.
Then in the penultimate cell of the same file remove the line corresponding to the footer :
# build the Html final app by gathering everything
app = sw.App(
tiles = app_content,
appBar = app_bar,
navDrawer= app_drawer
).show_tile('aoi_widget') # id of the tile you want to display