Last active
October 11, 2022 07:33
-
-
Save raven44099/efaed7a8f50b8a9b5966c8eb7b611009 to your computer and use it in GitHub Desktop.
grid_adea_ErroneousDisplaying.ipynb
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
{ | |
"nbformat": 4, | |
"nbformat_minor": 0, | |
"metadata": { | |
"colab": { | |
"provenance": [], | |
"name": "grid_adea_ErroneousDisplaying.ipynb", | |
"collapsed_sections": [], | |
"authorship_tag": "ABX9TyMUEhPU2UkwKrSHYn2OdNru", | |
"include_colab_link": true | |
}, | |
"kernelspec": { | |
"name": "python3", | |
"display_name": "Python 3" | |
}, | |
"language_info": { | |
"name": "python" | |
}, | |
"widgets": { | |
"application/vnd.jupyter.widget-state+json": { | |
"0f8d8dfcea1c439eb488859e5e2a3d57": { | |
"model_module": "@jupyter-widgets/controls", | |
"model_name": "GridBoxModel", | |
"model_module_version": "1.5.0", | |
"state": { | |
"_dom_classes": [], | |
"_model_module": "@jupyter-widgets/controls", | |
"_model_module_version": "1.5.0", | |
"_model_name": "GridBoxModel", | |
"_view_count": null, | |
"_view_module": "@jupyter-widgets/controls", | |
"_view_module_version": "1.5.0", | |
"_view_name": "GridBoxView", | |
"box_style": "", | |
"children": [ | |
"IPY_MODEL_adf2d7b130cd4917806a8c4ebe17aebc", | |
"IPY_MODEL_e12bf701dca740a08a66b5695f161bc9", | |
"IPY_MODEL_206e487fc4ad4050b2269a299c72cb1f" | |
], | |
"layout": "IPY_MODEL_e24116e2ef654b3aacdf9f647ecbeca7" | |
} | |
}, | |
"adf2d7b130cd4917806a8c4ebe17aebc": { | |
"model_module": "@jupyter-widgets/controls", | |
"model_name": "HBoxModel", | |
"model_module_version": "1.5.0", | |
"state": { | |
"_dom_classes": [], | |
"_model_module": "@jupyter-widgets/controls", | |
"_model_module_version": "1.5.0", | |
"_model_name": "HBoxModel", | |
"_view_count": null, | |
"_view_module": "@jupyter-widgets/controls", | |
"_view_module_version": "1.5.0", | |
"_view_name": "HBoxView", | |
"box_style": "", | |
"children": [ | |
"IPY_MODEL_64573c571d7548ab9adf23c8248cd65f" | |
], | |
"layout": "IPY_MODEL_fdc6612a5b3f4aea86c46c40449e97b9" | |
} | |
}, | |
"e12bf701dca740a08a66b5695f161bc9": { | |
"model_module": "@jupyter-widgets/controls", | |
"model_name": "VBoxModel", | |
"model_module_version": "1.5.0", | |
"state": { | |
"_dom_classes": [], | |
"_model_module": "@jupyter-widgets/controls", | |
"_model_module_version": "1.5.0", | |
"_model_name": "VBoxModel", | |
"_view_count": null, | |
"_view_module": "@jupyter-widgets/controls", | |
"_view_module_version": "1.5.0", | |
"_view_name": "VBoxView", | |
"box_style": "", | |
"children": [ | |
"IPY_MODEL_8856c7a018854ace84d429ae6f6b3280", | |
"IPY_MODEL_2e7bf9fb954349b0b9b58d06847faa3f", | |
"IPY_MODEL_9c6c7d8a7d924a53ac127e7847232f3e", | |
"IPY_MODEL_f3fcdffc81fc4b60a9a7deeac879a7f1", | |
"IPY_MODEL_488cd247c7b248c4a93a75d9665fa303" | |
], | |
"layout": "IPY_MODEL_87d9395a3bae477e8c32329f21b43705" | |
} | |
}, | |
"206e487fc4ad4050b2269a299c72cb1f": { | |
"model_module": "@jupyter-widgets/controls", | |
"model_name": "ButtonModel", | |
"model_module_version": "1.5.0", | |
"state": { | |
"_dom_classes": [], | |
"_model_module": "@jupyter-widgets/controls", | |
"_model_module_version": "1.5.0", | |
"_model_name": "ButtonModel", | |
"_view_count": null, | |
"_view_module": "@jupyter-widgets/controls", | |
"_view_module_version": "1.5.0", | |
"_view_name": "ButtonView", | |
"button_style": "", | |
"description": "Go back", | |
"disabled": false, | |
"icon": "", | |
"layout": "IPY_MODEL_432ab959e21d4744813631c1d2ff37c8", | |
"style": "IPY_MODEL_9f39b9286ae741ec8596ffab85595e6d", | |
"tooltip": "" | |
} | |
}, | |
"e24116e2ef654b3aacdf9f647ecbeca7": { | |
"model_module": "@jupyter-widgets/base", | |
"model_name": "LayoutModel", | |
"model_module_version": "1.2.0", | |
"state": { | |
"_model_module": "@jupyter-widgets/base", | |
"_model_module_version": "1.2.0", | |
"_model_name": "LayoutModel", | |
"_view_count": null, | |
"_view_module": "@jupyter-widgets/base", | |
"_view_module_version": "1.2.0", | |
"_view_name": "LayoutView", | |
"align_content": null, | |
"align_items": null, | |
"align_self": null, | |
"border": null, | |
"bottom": null, | |
"display": null, | |
"flex": null, | |
"flex_flow": null, | |
"grid_area": null, | |
"grid_auto_columns": null, | |
"grid_auto_flow": null, | |
"grid_auto_rows": null, | |
"grid_column": null, | |
"grid_gap": null, | |
"grid_row": null, | |
"grid_template_areas": "\n \"header\"\n \"btn_R\"\n ", | |
"grid_template_columns": "auto", | |
"grid_template_rows": "40px 110px", | |
"height": null, | |
"justify_content": null, | |
"justify_items": null, | |
"left": null, | |
"margin": null, | |
"max_height": null, | |
"max_width": null, | |
"min_height": null, | |
"min_width": null, | |
"object_fit": null, | |
"object_position": null, | |
"order": null, | |
"overflow": null, | |
"overflow_x": null, | |
"overflow_y": null, | |
"padding": null, | |
"right": null, | |
"top": null, | |
"visibility": null, | |
"width": "50%" | |
} | |
}, | |
"64573c571d7548ab9adf23c8248cd65f": { | |
"model_module": "@jupyter-widgets/controls", | |
"model_name": "ButtonModel", | |
"model_module_version": "1.5.0", | |
"state": { | |
"_dom_classes": [], | |
"_model_module": "@jupyter-widgets/controls", | |
"_model_module_version": "1.5.0", | |
"_model_name": "ButtonModel", | |
"_view_count": null, | |
"_view_module": "@jupyter-widgets/controls", | |
"_view_module_version": "1.5.0", | |
"_view_name": "ButtonView", | |
"button_style": "", | |
"description": "click me to change layout", | |
"disabled": false, | |
"icon": "", | |
"layout": "IPY_MODEL_9d3de2c5fb7f43548e138ace3c23202b", | |
"style": "IPY_MODEL_a17d0bbdaf844ac6b20194460463cbbf", | |
"tooltip": "" | |
} | |
}, | |
"fdc6612a5b3f4aea86c46c40449e97b9": { | |
"model_module": "@jupyter-widgets/base", | |
"model_name": "LayoutModel", | |
"model_module_version": "1.2.0", | |
"state": { | |
"_model_module": "@jupyter-widgets/base", | |
"_model_module_version": "1.2.0", | |
"_model_name": "LayoutModel", | |
"_view_count": null, | |
"_view_module": "@jupyter-widgets/base", | |
"_view_module_version": "1.2.0", | |
"_view_name": "LayoutView", | |
"align_content": null, | |
"align_items": null, | |
"align_self": null, | |
"border": null, | |
"bottom": null, | |
"display": null, | |
"flex": null, | |
"flex_flow": null, | |
"grid_area": "header", | |
"grid_auto_columns": null, | |
"grid_auto_flow": null, | |
"grid_auto_rows": null, | |
"grid_column": null, | |
"grid_gap": null, | |
"grid_row": null, | |
"grid_template_areas": null, | |
"grid_template_columns": null, | |
"grid_template_rows": null, | |
"height": null, | |
"justify_content": null, | |
"justify_items": null, | |
"left": null, | |
"margin": null, | |
"max_height": null, | |
"max_width": null, | |
"min_height": null, | |
"min_width": null, | |
"object_fit": null, | |
"object_position": null, | |
"order": null, | |
"overflow": null, | |
"overflow_x": null, | |
"overflow_y": null, | |
"padding": null, | |
"right": null, | |
"top": null, | |
"visibility": null, | |
"width": "auto" | |
} | |
}, | |
"8856c7a018854ace84d429ae6f6b3280": { | |
"model_module": "@jupyter-widgets/controls", | |
"model_name": "ButtonModel", | |
"model_module_version": "1.5.0", | |
"state": { | |
"_dom_classes": [], | |
"_model_module": "@jupyter-widgets/controls", | |
"_model_module_version": "1.5.0", | |
"_model_name": "ButtonModel", | |
"_view_count": null, | |
"_view_module": "@jupyter-widgets/controls", | |
"_view_module_version": "1.5.0", | |
"_view_name": "ButtonView", | |
"button_style": "", | |
"description": "why?", | |
"disabled": false, | |
"icon": "", | |
"layout": "IPY_MODEL_1eaccee792134e669bd89f937a0c5147", | |
"style": "IPY_MODEL_ec7962d21a804f5fbd1aed17857ecdf1", | |
"tooltip": "" | |
} | |
}, | |
"2e7bf9fb954349b0b9b58d06847faa3f": { | |
"model_module": "@jupyter-widgets/controls", | |
"model_name": "ButtonModel", | |
"model_module_version": "1.5.0", | |
"state": { | |
"_dom_classes": [], | |
"_model_module": "@jupyter-widgets/controls", | |
"_model_module_version": "1.5.0", | |
"_model_name": "ButtonModel", | |
"_view_count": null, | |
"_view_module": "@jupyter-widgets/controls", | |
"_view_module_version": "1.5.0", | |
"_view_name": "ButtonView", | |
"button_style": "", | |
"description": "why?", | |
"disabled": false, | |
"icon": "", | |
"layout": "IPY_MODEL_4572495b8b70442481173ff997dc4c28", | |
"style": "IPY_MODEL_75ed99d31775440fa312c8c793981da4", | |
"tooltip": "" | |
} | |
}, | |
"9c6c7d8a7d924a53ac127e7847232f3e": { | |
"model_module": "@jupyter-widgets/controls", | |
"model_name": "ButtonModel", | |
"model_module_version": "1.5.0", | |
"state": { | |
"_dom_classes": [], | |
"_model_module": "@jupyter-widgets/controls", | |
"_model_module_version": "1.5.0", | |
"_model_name": "ButtonModel", | |
"_view_count": null, | |
"_view_module": "@jupyter-widgets/controls", | |
"_view_module_version": "1.5.0", | |
"_view_name": "ButtonView", | |
"button_style": "", | |
"description": "why?", | |
"disabled": false, | |
"icon": "", | |
"layout": "IPY_MODEL_d19bffd692994a9ba48cd8470562f7bf", | |
"style": "IPY_MODEL_af81a66ac78043fe8ebc3994e3c74e23", | |
"tooltip": "" | |
} | |
}, | |
"f3fcdffc81fc4b60a9a7deeac879a7f1": { | |
"model_module": "@jupyter-widgets/controls", | |
"model_name": "ButtonModel", | |
"model_module_version": "1.5.0", | |
"state": { | |
"_dom_classes": [], | |
"_model_module": "@jupyter-widgets/controls", | |
"_model_module_version": "1.5.0", | |
"_model_name": "ButtonModel", | |
"_view_count": null, | |
"_view_module": "@jupyter-widgets/controls", | |
"_view_module_version": "1.5.0", | |
"_view_name": "ButtonView", | |
"button_style": "", | |
"description": "why?", | |
"disabled": false, | |
"icon": "", | |
"layout": "IPY_MODEL_901a7c92f75d4fb5ae950a507db25df3", | |
"style": "IPY_MODEL_2fe23dc3921242e5b5ef0515cd1623b9", | |
"tooltip": "" | |
} | |
}, | |
"488cd247c7b248c4a93a75d9665fa303": { | |
"model_module": "@jupyter-widgets/controls", | |
"model_name": "ButtonModel", | |
"model_module_version": "1.5.0", | |
"state": { | |
"_dom_classes": [], | |
"_model_module": "@jupyter-widgets/controls", | |
"_model_module_version": "1.5.0", | |
"_model_name": "ButtonModel", | |
"_view_count": null, | |
"_view_module": "@jupyter-widgets/controls", | |
"_view_module_version": "1.5.0", | |
"_view_name": "ButtonView", | |
"button_style": "", | |
"description": "why?", | |
"disabled": false, | |
"icon": "", | |
"layout": "IPY_MODEL_2ab84985cd9749d1bbd98d408b8c6fb6", | |
"style": "IPY_MODEL_c3afd80b5ad644179c3b9d059fda38c0", | |
"tooltip": "" | |
} | |
}, | |
"87d9395a3bae477e8c32329f21b43705": { | |
"model_module": "@jupyter-widgets/base", | |
"model_name": "LayoutModel", | |
"model_module_version": "1.2.0", | |
"state": { | |
"_model_module": "@jupyter-widgets/base", | |
"_model_module_version": "1.2.0", | |
"_model_name": "LayoutModel", | |
"_view_count": null, | |
"_view_module": "@jupyter-widgets/base", | |
"_view_module_version": "1.2.0", | |
"_view_name": "LayoutView", | |
"align_content": null, | |
"align_items": null, | |
"align_self": null, | |
"border": null, | |
"bottom": null, | |
"display": null, | |
"flex": null, | |
"flex_flow": null, | |
"grid_area": "main", | |
"grid_auto_columns": null, | |
"grid_auto_flow": null, | |
"grid_auto_rows": null, | |
"grid_column": null, | |
"grid_gap": null, | |
"grid_row": null, | |
"grid_template_areas": null, | |
"grid_template_columns": null, | |
"grid_template_rows": null, | |
"height": null, | |
"justify_content": null, | |
"justify_items": null, | |
"left": null, | |
"margin": null, | |
"max_height": null, | |
"max_width": null, | |
"min_height": null, | |
"min_width": null, | |
"object_fit": null, | |
"object_position": null, | |
"order": null, | |
"overflow": null, | |
"overflow_x": null, | |
"overflow_y": null, | |
"padding": null, | |
"right": null, | |
"top": null, | |
"visibility": "hidden", | |
"width": "auto" | |
} | |
}, | |
"432ab959e21d4744813631c1d2ff37c8": { | |
"model_module": "@jupyter-widgets/base", | |
"model_name": "LayoutModel", | |
"model_module_version": "1.2.0", | |
"state": { | |
"_model_module": "@jupyter-widgets/base", | |
"_model_module_version": "1.2.0", | |
"_model_name": "LayoutModel", | |
"_view_count": null, | |
"_view_module": "@jupyter-widgets/base", | |
"_view_module_version": "1.2.0", | |
"_view_name": "LayoutView", | |
"align_content": null, | |
"align_items": null, | |
"align_self": null, | |
"border": null, | |
"bottom": null, | |
"display": null, | |
"flex": null, | |
"flex_flow": null, | |
"grid_area": "btn_R", | |
"grid_auto_columns": null, | |
"grid_auto_flow": null, | |
"grid_auto_rows": null, | |
"grid_column": null, | |
"grid_gap": null, | |
"grid_row": null, | |
"grid_template_areas": null, | |
"grid_template_columns": null, | |
"grid_template_rows": null, | |
"height": null, | |
"justify_content": null, | |
"justify_items": null, | |
"left": null, | |
"margin": null, | |
"max_height": null, | |
"max_width": null, | |
"min_height": null, | |
"min_width": null, | |
"object_fit": null, | |
"object_position": null, | |
"order": null, | |
"overflow": null, | |
"overflow_x": null, | |
"overflow_y": null, | |
"padding": null, | |
"right": null, | |
"top": null, | |
"visibility": "visible", | |
"width": null | |
} | |
}, | |
"9f39b9286ae741ec8596ffab85595e6d": { | |
"model_module": "@jupyter-widgets/controls", | |
"model_name": "ButtonStyleModel", | |
"model_module_version": "1.5.0", | |
"state": { | |
"_model_module": "@jupyter-widgets/controls", | |
"_model_module_version": "1.5.0", | |
"_model_name": "ButtonStyleModel", | |
"_view_count": null, | |
"_view_module": "@jupyter-widgets/base", | |
"_view_module_version": "1.2.0", | |
"_view_name": "StyleView", | |
"button_color": "red", | |
"font_weight": "" | |
} | |
}, | |
"9d3de2c5fb7f43548e138ace3c23202b": { | |
"model_module": "@jupyter-widgets/base", | |
"model_name": "LayoutModel", | |
"model_module_version": "1.2.0", | |
"state": { | |
"_model_module": "@jupyter-widgets/base", | |
"_model_module_version": "1.2.0", | |
"_model_name": "LayoutModel", | |
"_view_count": null, | |
"_view_module": "@jupyter-widgets/base", | |
"_view_module_version": "1.2.0", | |
"_view_name": "LayoutView", | |
"align_content": null, | |
"align_items": null, | |
"align_self": null, | |
"border": null, | |
"bottom": null, | |
"display": null, | |
"flex": null, | |
"flex_flow": null, | |
"grid_area": null, | |
"grid_auto_columns": null, | |
"grid_auto_flow": null, | |
"grid_auto_rows": null, | |
"grid_column": null, | |
"grid_gap": null, | |
"grid_row": null, | |
"grid_template_areas": null, | |
"grid_template_columns": null, | |
"grid_template_rows": null, | |
"height": null, | |
"justify_content": null, | |
"justify_items": null, | |
"left": null, | |
"margin": null, | |
"max_height": null, | |
"max_width": null, | |
"min_height": null, | |
"min_width": null, | |
"object_fit": null, | |
"object_position": null, | |
"order": null, | |
"overflow": null, | |
"overflow_x": null, | |
"overflow_y": null, | |
"padding": null, | |
"right": null, | |
"top": null, | |
"visibility": null, | |
"width": "auto" | |
} | |
}, | |
"a17d0bbdaf844ac6b20194460463cbbf": { | |
"model_module": "@jupyter-widgets/controls", | |
"model_name": "ButtonStyleModel", | |
"model_module_version": "1.5.0", | |
"state": { | |
"_model_module": "@jupyter-widgets/controls", | |
"_model_module_version": "1.5.0", | |
"_model_name": "ButtonStyleModel", | |
"_view_count": null, | |
"_view_module": "@jupyter-widgets/base", | |
"_view_module_version": "1.2.0", | |
"_view_name": "StyleView", | |
"button_color": null, | |
"font_weight": "" | |
} | |
}, | |
"1eaccee792134e669bd89f937a0c5147": { | |
"model_module": "@jupyter-widgets/base", | |
"model_name": "LayoutModel", | |
"model_module_version": "1.2.0", | |
"state": { | |
"_model_module": "@jupyter-widgets/base", | |
"_model_module_version": "1.2.0", | |
"_model_name": "LayoutModel", | |
"_view_count": null, | |
"_view_module": "@jupyter-widgets/base", | |
"_view_module_version": "1.2.0", | |
"_view_name": "LayoutView", | |
"align_content": null, | |
"align_items": null, | |
"align_self": null, | |
"border": null, | |
"bottom": null, | |
"display": null, | |
"flex": null, | |
"flex_flow": null, | |
"grid_area": null, | |
"grid_auto_columns": null, | |
"grid_auto_flow": null, | |
"grid_auto_rows": null, | |
"grid_column": null, | |
"grid_gap": null, | |
"grid_row": null, | |
"grid_template_areas": null, | |
"grid_template_columns": null, | |
"grid_template_rows": null, | |
"height": null, | |
"justify_content": null, | |
"justify_items": null, | |
"left": null, | |
"margin": null, | |
"max_height": null, | |
"max_width": null, | |
"min_height": null, | |
"min_width": null, | |
"object_fit": null, | |
"object_position": null, | |
"order": null, | |
"overflow": null, | |
"overflow_x": null, | |
"overflow_y": null, | |
"padding": null, | |
"right": null, | |
"top": null, | |
"visibility": null, | |
"width": null | |
} | |
}, | |
"ec7962d21a804f5fbd1aed17857ecdf1": { | |
"model_module": "@jupyter-widgets/controls", | |
"model_name": "ButtonStyleModel", | |
"model_module_version": "1.5.0", | |
"state": { | |
"_model_module": "@jupyter-widgets/controls", | |
"_model_module_version": "1.5.0", | |
"_model_name": "ButtonStyleModel", | |
"_view_count": null, | |
"_view_module": "@jupyter-widgets/base", | |
"_view_module_version": "1.2.0", | |
"_view_name": "StyleView", | |
"button_color": null, | |
"font_weight": "" | |
} | |
}, | |
"4572495b8b70442481173ff997dc4c28": { | |
"model_module": "@jupyter-widgets/base", | |
"model_name": "LayoutModel", | |
"model_module_version": "1.2.0", | |
"state": { | |
"_model_module": "@jupyter-widgets/base", | |
"_model_module_version": "1.2.0", | |
"_model_name": "LayoutModel", | |
"_view_count": null, | |
"_view_module": "@jupyter-widgets/base", | |
"_view_module_version": "1.2.0", | |
"_view_name": "LayoutView", | |
"align_content": null, | |
"align_items": null, | |
"align_self": null, | |
"border": null, | |
"bottom": null, | |
"display": null, | |
"flex": null, | |
"flex_flow": null, | |
"grid_area": null, | |
"grid_auto_columns": null, | |
"grid_auto_flow": null, | |
"grid_auto_rows": null, | |
"grid_column": null, | |
"grid_gap": null, | |
"grid_row": null, | |
"grid_template_areas": null, | |
"grid_template_columns": null, | |
"grid_template_rows": null, | |
"height": null, | |
"justify_content": null, | |
"justify_items": null, | |
"left": null, | |
"margin": null, | |
"max_height": null, | |
"max_width": null, | |
"min_height": null, | |
"min_width": null, | |
"object_fit": null, | |
"object_position": null, | |
"order": null, | |
"overflow": null, | |
"overflow_x": null, | |
"overflow_y": null, | |
"padding": null, | |
"right": null, | |
"top": null, | |
"visibility": null, | |
"width": null | |
} | |
}, | |
"75ed99d31775440fa312c8c793981da4": { | |
"model_module": "@jupyter-widgets/controls", | |
"model_name": "ButtonStyleModel", | |
"model_module_version": "1.5.0", | |
"state": { | |
"_model_module": "@jupyter-widgets/controls", | |
"_model_module_version": "1.5.0", | |
"_model_name": "ButtonStyleModel", | |
"_view_count": null, | |
"_view_module": "@jupyter-widgets/base", | |
"_view_module_version": "1.2.0", | |
"_view_name": "StyleView", | |
"button_color": null, | |
"font_weight": "" | |
} | |
}, | |
"d19bffd692994a9ba48cd8470562f7bf": { | |
"model_module": "@jupyter-widgets/base", | |
"model_name": "LayoutModel", | |
"model_module_version": "1.2.0", | |
"state": { | |
"_model_module": "@jupyter-widgets/base", | |
"_model_module_version": "1.2.0", | |
"_model_name": "LayoutModel", | |
"_view_count": null, | |
"_view_module": "@jupyter-widgets/base", | |
"_view_module_version": "1.2.0", | |
"_view_name": "LayoutView", | |
"align_content": null, | |
"align_items": null, | |
"align_self": null, | |
"border": null, | |
"bottom": null, | |
"display": null, | |
"flex": null, | |
"flex_flow": null, | |
"grid_area": null, | |
"grid_auto_columns": null, | |
"grid_auto_flow": null, | |
"grid_auto_rows": null, | |
"grid_column": null, | |
"grid_gap": null, | |
"grid_row": null, | |
"grid_template_areas": null, | |
"grid_template_columns": null, | |
"grid_template_rows": null, | |
"height": null, | |
"justify_content": null, | |
"justify_items": null, | |
"left": null, | |
"margin": null, | |
"max_height": null, | |
"max_width": null, | |
"min_height": null, | |
"min_width": null, | |
"object_fit": null, | |
"object_position": null, | |
"order": null, | |
"overflow": null, | |
"overflow_x": null, | |
"overflow_y": null, | |
"padding": null, | |
"right": null, | |
"top": null, | |
"visibility": null, | |
"width": null | |
} | |
}, | |
"af81a66ac78043fe8ebc3994e3c74e23": { | |
"model_module": "@jupyter-widgets/controls", | |
"model_name": "ButtonStyleModel", | |
"model_module_version": "1.5.0", | |
"state": { | |
"_model_module": "@jupyter-widgets/controls", | |
"_model_module_version": "1.5.0", | |
"_model_name": "ButtonStyleModel", | |
"_view_count": null, | |
"_view_module": "@jupyter-widgets/base", | |
"_view_module_version": "1.2.0", | |
"_view_name": "StyleView", | |
"button_color": null, | |
"font_weight": "" | |
} | |
}, | |
"901a7c92f75d4fb5ae950a507db25df3": { | |
"model_module": "@jupyter-widgets/base", | |
"model_name": "LayoutModel", | |
"model_module_version": "1.2.0", | |
"state": { | |
"_model_module": "@jupyter-widgets/base", | |
"_model_module_version": "1.2.0", | |
"_model_name": "LayoutModel", | |
"_view_count": null, | |
"_view_module": "@jupyter-widgets/base", | |
"_view_module_version": "1.2.0", | |
"_view_name": "LayoutView", | |
"align_content": null, | |
"align_items": null, | |
"align_self": null, | |
"border": null, | |
"bottom": null, | |
"display": null, | |
"flex": null, | |
"flex_flow": null, | |
"grid_area": null, | |
"grid_auto_columns": null, | |
"grid_auto_flow": null, | |
"grid_auto_rows": null, | |
"grid_column": null, | |
"grid_gap": null, | |
"grid_row": null, | |
"grid_template_areas": null, | |
"grid_template_columns": null, | |
"grid_template_rows": null, | |
"height": null, | |
"justify_content": null, | |
"justify_items": null, | |
"left": null, | |
"margin": null, | |
"max_height": null, | |
"max_width": null, | |
"min_height": null, | |
"min_width": null, | |
"object_fit": null, | |
"object_position": null, | |
"order": null, | |
"overflow": null, | |
"overflow_x": null, | |
"overflow_y": null, | |
"padding": null, | |
"right": null, | |
"top": null, | |
"visibility": null, | |
"width": null | |
} | |
}, | |
"2fe23dc3921242e5b5ef0515cd1623b9": { | |
"model_module": "@jupyter-widgets/controls", | |
"model_name": "ButtonStyleModel", | |
"model_module_version": "1.5.0", | |
"state": { | |
"_model_module": "@jupyter-widgets/controls", | |
"_model_module_version": "1.5.0", | |
"_model_name": "ButtonStyleModel", | |
"_view_count": null, | |
"_view_module": "@jupyter-widgets/base", | |
"_view_module_version": "1.2.0", | |
"_view_name": "StyleView", | |
"button_color": null, | |
"font_weight": "" | |
} | |
}, | |
"2ab84985cd9749d1bbd98d408b8c6fb6": { | |
"model_module": "@jupyter-widgets/base", | |
"model_name": "LayoutModel", | |
"model_module_version": "1.2.0", | |
"state": { | |
"_model_module": "@jupyter-widgets/base", | |
"_model_module_version": "1.2.0", | |
"_model_name": "LayoutModel", | |
"_view_count": null, | |
"_view_module": "@jupyter-widgets/base", | |
"_view_module_version": "1.2.0", | |
"_view_name": "LayoutView", | |
"align_content": null, | |
"align_items": null, | |
"align_self": null, | |
"border": null, | |
"bottom": null, | |
"display": null, | |
"flex": null, | |
"flex_flow": null, | |
"grid_area": null, | |
"grid_auto_columns": null, | |
"grid_auto_flow": null, | |
"grid_auto_rows": null, | |
"grid_column": null, | |
"grid_gap": null, | |
"grid_row": null, | |
"grid_template_areas": null, | |
"grid_template_columns": null, | |
"grid_template_rows": null, | |
"height": null, | |
"justify_content": null, | |
"justify_items": null, | |
"left": null, | |
"margin": null, | |
"max_height": null, | |
"max_width": null, | |
"min_height": null, | |
"min_width": null, | |
"object_fit": null, | |
"object_position": null, | |
"order": null, | |
"overflow": null, | |
"overflow_x": null, | |
"overflow_y": null, | |
"padding": null, | |
"right": null, | |
"top": null, | |
"visibility": null, | |
"width": null | |
} | |
}, | |
"c3afd80b5ad644179c3b9d059fda38c0": { | |
"model_module": "@jupyter-widgets/controls", | |
"model_name": "ButtonStyleModel", | |
"model_module_version": "1.5.0", | |
"state": { | |
"_model_module": "@jupyter-widgets/controls", | |
"_model_module_version": "1.5.0", | |
"_model_name": "ButtonStyleModel", | |
"_view_count": null, | |
"_view_module": "@jupyter-widgets/base", | |
"_view_module_version": "1.2.0", | |
"_view_name": "StyleView", | |
"button_color": null, | |
"font_weight": "" | |
} | |
} | |
} | |
} | |
}, | |
"cells": [ | |
{ | |
"cell_type": "markdown", | |
"metadata": { | |
"id": "view-in-github", | |
"colab_type": "text" | |
}, | |
"source": [ | |
"<a href=\"https://colab.research.google.com/gist/raven44099/efaed7a8f50b8a9b5966c8eb7b611009/untitled4.ipynb\" target=\"_parent\"><img src=\"https://colab.research.google.com/assets/colab-badge.svg\" alt=\"Open In Colab\"/></a>" | |
] | |
}, | |
{ | |
"cell_type": "code", | |
"execution_count": 6, | |
"metadata": { | |
"colab": { | |
"base_uri": "https://localhost:8080/", | |
"height": 327, | |
"referenced_widgets": [ | |
"0f8d8dfcea1c439eb488859e5e2a3d57", | |
"adf2d7b130cd4917806a8c4ebe17aebc", | |
"e12bf701dca740a08a66b5695f161bc9", | |
"206e487fc4ad4050b2269a299c72cb1f", | |
"e24116e2ef654b3aacdf9f647ecbeca7", | |
"64573c571d7548ab9adf23c8248cd65f", | |
"fdc6612a5b3f4aea86c46c40449e97b9", | |
"8856c7a018854ace84d429ae6f6b3280", | |
"2e7bf9fb954349b0b9b58d06847faa3f", | |
"9c6c7d8a7d924a53ac127e7847232f3e", | |
"f3fcdffc81fc4b60a9a7deeac879a7f1", | |
"488cd247c7b248c4a93a75d9665fa303", | |
"87d9395a3bae477e8c32329f21b43705", | |
"432ab959e21d4744813631c1d2ff37c8", | |
"9f39b9286ae741ec8596ffab85595e6d", | |
"9d3de2c5fb7f43548e138ace3c23202b", | |
"a17d0bbdaf844ac6b20194460463cbbf", | |
"1eaccee792134e669bd89f937a0c5147", | |
"ec7962d21a804f5fbd1aed17857ecdf1", | |
"4572495b8b70442481173ff997dc4c28", | |
"75ed99d31775440fa312c8c793981da4", | |
"d19bffd692994a9ba48cd8470562f7bf", | |
"af81a66ac78043fe8ebc3994e3c74e23", | |
"901a7c92f75d4fb5ae950a507db25df3", | |
"2fe23dc3921242e5b5ef0515cd1623b9", | |
"2ab84985cd9749d1bbd98d408b8c6fb6", | |
"c3afd80b5ad644179c3b9d059fda38c0" | |
] | |
}, | |
"id": "cKheUd08VU2F", | |
"outputId": "14d0a3e1-cd56-4264-b30f-3ef191a1f3dc" | |
}, | |
"outputs": [ | |
{ | |
"output_type": "display_data", | |
"data": { | |
"text/plain": [ | |
"GridBox(children=(HBox(children=(Button(description='click me to change layout', layout=Layout(width='auto'), …" | |
], | |
"application/vnd.jupyter.widget-view+json": { | |
"version_major": 2, | |
"version_minor": 0, | |
"model_id": "0f8d8dfcea1c439eb488859e5e2a3d57" | |
} | |
}, | |
"metadata": {} | |
} | |
], | |
"source": [ | |
"from ipywidgets import Button, Layout, GridBox, HBox, VBox\n", | |
"\n", | |
"def run_forward(btn):\n", | |
" GUI.layout.grid_template_areas = '''\n", | |
" \"header\"\n", | |
" \"btn_R\"\n", | |
" '''\n", | |
" # btn_reverse.layout.visibility = 'visible'\n", | |
" # main.layout.visibility = 'hidden'\n", | |
"\n", | |
"def run_reverse(btn):\n", | |
" GUI.layout.grid_template_areas = '''\n", | |
" \"header\"\n", | |
" \"main\"\n", | |
" '''\n", | |
" # btn_reverse.layout.visibility = 'hidden'\n", | |
" # main.layout.visibility = 'visible'\n", | |
"\n", | |
"btn_forward = Button(description='click me to change layout', layout={'width':'auto'})\n", | |
"btn_forward.on_click(run_forward)\n", | |
"\n", | |
"btn_reverse = Button(description='Go back', layout = Layout( grid_area='btn_R'),style={'button_color':'red'})\n", | |
"btn_reverse.on_click(run_reverse)\n", | |
"\n", | |
"\n", | |
"header = HBox([btn_forward], layout=Layout(width='auto', grid_area='header'))\n", | |
"main = VBox([Button(description='why?') for i in range(5)], \n", | |
" layout=Layout(width='auto', grid_area='main'), overflow_y='auto')\n", | |
"\n", | |
"\n", | |
"GUI = GridBox(children=[header, main,btn_reverse],\n", | |
" layout=Layout( width='50%',\n", | |
" grid_template_rows='40px 110px',\n", | |
" grid_template_columns='auto',\n", | |
" grid_template_areas= '''\n", | |
" \"header\"\n", | |
" \"main\"\n", | |
" ''')\n", | |
" )\n", | |
"display (GUI) " | |
] | |
} | |
] | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment