Adding page tooltip

JBris · Aug 17, 2024 · 970ab09 · 970ab09
1 parent 480e6d5
commit 970ab09
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 2 deletions.
diff --git a/app/pages/generate_root_system.py b/app/pages/generate_root_system.py
@@ -212,8 +212,11 @@ def layout() -> html.Div:
         ]
     )
 
+    page_description = """
+    Create synthetic root data by running the root system architecture simulation.
+    """
     layout = build_common_layout(
-        "Run Simulation", PAGE_ID, input_components, output_components
+        "Run Simulation", PAGE_ID, input_components, output_components, page_description
     )
 
     return layout
diff --git a/deeprootgen/form/components.py b/deeprootgen/form/components.py
@@ -140,7 +140,11 @@ def build_collapsible(
 
 
 def build_common_layout(
-    title: str, page_id: str, input_components: list, output_components: list
+    title: str,
+    page_id: str,
+    input_components: list,
+    output_components: list,
+    layout_description: str,
 ) -> html.Div:
     """Build a common form layout for interacting with the root model.
 
@@ -153,6 +157,8 @@ def build_common_layout(
             The list of input form components.
         output_components (list):
             The list of modelling output components.
+        layout_description (str):
+            A description of the layout to add as page tooltip.
 
     Returns:
         html.Div:
@@ -190,7 +196,9 @@ def build_common_layout(
         html.H5(
             title,
             style={"margin-left": "1em", "margin-top": "0.2em", "text-align": "center"},
+            id=f"{page_id}-title",
         ),
+        dbc.Tooltip(layout_description, target=f"{page_id}-title", placement="right"),
         input_components,
         dcc.Download(id=f"{page_id}-download-content"),
         dbc.Toast(