layout fit example (#2223)

* layout fit example resolves #1780 * Fab's comment Co-authored-by: Fabien Lelaquais <[email protected]> * Fab's comment Co-authored-by: Fabien Lelaquais <[email protected]> * Fab's comment --------- Co-authored-by: Fred Lefévère-Laoide <[email protected]> Co-authored-by: Fabien Lelaquais <[email protected]>
Avaiga · Nov 8, 2024 · ffc22a1 · ffc22a1
1 parent c384124
commit ffc22a1
Show file tree

Hide file tree

Showing 3 changed files with 61 additions and 0 deletions.
diff --git a/doc/gui/examples/blocks/layout_fit/__init__.py b/doc/gui/examples/blocks/layout_fit/__init__.py
@@ -0,0 +1 @@
+# This file makes this directory a module on its own, mandatory for mypy.
diff --git a/doc/gui/examples/blocks/layout_fit/builder.py b/doc/gui/examples/blocks/layout_fit/builder.py
@@ -0,0 +1,27 @@
+# Copyright 2021-2024 Avaiga Private Limited
+#
+# Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with
+# the License. You may obtain a copy of the License at
+#
+#        http://www.apache.org/licenses/LICENSE-2.0
+#
+# Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on
+# an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the
+# specific language governing permissions and limitations under the License.
+# -----------------------------------------------------------------------------------------
+# To execute this script, make sure that the taipy-gui package is installed in your
+# Python environment and run:
+#     python <script>
+# -----------------------------------------------------------------------------------------
+import taipy.gui.builder as tgb
+from taipy.gui import Gui
+
+with tgb.Page() as page:
+    with tgb.layout("max-content max-content"):  # type: ignore[attr-defined]
+        with tgb.part("card"):  # type: ignore[attr-defined]
+            tgb.text("France")  # type: ignore[attr-defined]
+        with tgb.part("card"):  # type: ignore[attr-defined]
+            tgb.text("United States of America")  # type: ignore[attr-defined]
+
+if __name__ == "__main__":
+    Gui(page).run(title="Layout - Fit to content")
diff --git a/doc/gui/examples/blocks/layout_fit/markdown.py b/doc/gui/examples/blocks/layout_fit/markdown.py
@@ -0,0 +1,33 @@
+# Copyright 2021-2024 Avaiga Private Limited
+#
+# Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with
+# the License. You may obtain a copy of the License at
+#
+#        http://www.apache.org/licenses/LICENSE-2.0
+#
+# Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on
+# an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the
+# specific language governing permissions and limitations under the License.
+# -----------------------------------------------------------------------------------------
+# To execute this script, make sure that the taipy-gui package is installed in your
+# Python environment and run:
+#     python <script>
+# -----------------------------------------------------------------------------------------
+from taipy.gui import Gui
+
+page = """
+<|layout|columns=max-content max-content|
+
+<|card|part|
+France
+|>
+
+<|card|part|
+United States of America
+|>
+
+|>
+"""
+
+if __name__ == "__main__":
+    Gui(page).run(title="Layout - Fit to content")
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1 @@
		# This file makes this directory a module on its own, mandatory for mypy.