From 30be0e3276dbec8595e8623f867830af48c9f68e Mon Sep 17 00:00:00 2001
From: MikeTheWatchGuy <mike_barnett@hotmail.com>
Date: Mon, 3 Sep 2018 13:47:17 -0400
Subject: [PATCH] Tight layout Recipe

---
 docs/cookbook.md | 63 ++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 63 insertions(+)

diff --git a/docs/cookbook.md b/docs/cookbook.md
index ad4f453f..d623d5e0 100644
--- a/docs/cookbook.md
+++ b/docs/cookbook.md
@@ -843,3 +843,66 @@ While there is no official support for "Tables" (e.g. there is no Table Element)
         layout.append([sg.T(f'{i}{j}', size=(4,1), background_color='white', pad=(1,1)) for j in range(10)])
 
     sg.FlexForm('Table').LayoutAndRead(layout)
+
+## Tight Layout
+
+Saw this example layout written in tkinter and liked it so much I duplicated the interface.  It's "tight", clean, and has a nice dark look and feel.
+
+This Recipe also contains code that implements the button interactions so that you'll have a template to build from.
+
+In other GUI frameworks this program would be most likely "event driven" with callback functions being used to communicate button events.  The "event loop" would be handled by the GUI engine.  If code already existed that used a call-back mechanism, the loop in the example code below could simply call these callback functions directly based on the button text it receives in the form.Read call.
+
+![timemanagement](https://user-images.githubusercontent.com/13696193/44996818-0f27c100-af78-11e8-8836-9ef6164efe3b.jpg)
+
+
+    import PySimpleGUI as sg
+
+    sg.ChangeLookAndFeel('Dark')
+    sg.SetOptions(element_padding=(0, 0))
+
+    StartButton = sg.ReadFormButton('Start', button_color=('white', 'black'))
+    StopButton = sg.ReadFormButton('Stop', button_color=('gray34', 'black'))
+    ResetButton = sg.ReadFormButton('Reset', button_color=('gray', 'firebrick3'))
+    SubmitButton = sg.ReadFormButton('Submit', button_color=('gray34', 'springgreen4'))
+
+    layout = [
+        [sg.T('User:', pad=((3, 0), 0)), sg.OptionMenu(values=('User 1', 'User 2'), size=(20, 1)), sg.T('0', size=(8, 1))],
+        [sg.T('Customer:', pad=((3, 0), 0)), sg.OptionMenu(values=('Customer 1', 'Customer 2'), size=(20, 1)),
+         sg.T('1', size=(8, 1))],
+        [sg.T('Notes:', pad=((3, 0), 0)), sg.In(size=(44, 1), background_color='white', text_color='black')],
+        [StartButton, StopButton, ResetButton, SubmitButton]
+        ]
+
+    form = sg.FlexForm("Time Tracker", default_element_size=(12, 1), text_justification='r', auto_size_text=False,
+                       auto_size_buttons=False,
+                       default_button_element_size=(12, 1))
+    form.Layout(layout)
+    recording = have_data = False
+    while True:
+        button, values = form.Read()
+        if button is None:
+            exit(69)
+        if button is 'Start':
+            StartButton.Update(button_color=('gray34', 'black'))
+            StopButton.Update(button_color=('white', 'black'))
+            ResetButton.Update(button_color=('white', 'firebrick3'))
+            recording = True
+        elif button is 'Stop'  and recording:
+            StopButton.Update(button_color=('gray34', 'black'))
+            StartButton.Update(button_color=('white', 'black'))
+            SubmitButton.Update(button_color=('white', 'springgreen4'))
+            recording = False
+            have_data = True
+        elif button is 'Reset':
+            StopButton.Update(button_color=('gray34', 'black'))
+            StartButton.Update(button_color=('white', 'black'))
+            SubmitButton.Update(button_color=('gray34', 'springgreen4'))
+            ResetButton.Update(button_color=('gray34', 'firebrick3'))
+            recording = False
+            have_data = False
+        elif button is 'Submit'  and have_data:
+            StopButton.Update(button_color=('gray34', 'black'))
+            StartButton.Update(button_color=('white', 'black'))
+            SubmitButton.Update(button_color=('gray34', 'springgreen4'))
+            ResetButton.Update(button_color=('gray34', 'firebrick3'))
+            recording = False