Differences

This shows you the differences between two versions of the page.

--- rttk:demo_exercise1 [2022/04/23 20:14] – Created Exercise 1 wikiadmin
+++ rttk:demo_exercise1 [2022/04/23 21:22] (current) – Session review wikiadmin
@@ Line 4: / Line 4: @@
   - Edit is not aligned to client
   - List box is not wide enough
+===== Exercise =====
+Start the FMX demo and then click on Marshal.  Marshal creates its own form so that you can put it next to your application or on a second monitor. I will show them side by side in this exercise. \\  {{:rttk:ex1_startup.png|EX1 startup}}
+==== Edit1 Alignment ====
+Edit1 should read "The Quick Brown Fox Jumped over the lazy moon", but only "<fc #ff0000>ver the lazy moon</fc>" is visible. To fix this you will use Marshal to start an Object Plus Inspector for Edit1 by locating it in the navigation tree. Marshal provides a context menu to "Go To Active" which will navigate the tree to the active control.
+  - Click on the Edit1 to make it active in the main form.
+  - Switch to the Marshal form and then right click on the form to show Go To Active and then select it.
+{{:rttk:ex1_goto_active.png|go to active}} \\ Now we will use Object Plus to modify the alignment from center to client. {{:rttk:ex1_edit1_align.png|edit1 align center}} \\ The final result is here: {{:rttk:ex1_edit1_alclient.png|edit1 aligned client}}
+==== Listbox1 Width ====
+In this step you will use Object Plus to modify the width of the listbox1.  Navigate up to the listbox1 to open an Object Plus inspector for this control. Scroll down in the properties to width. {{:rttk:ex1_lb1_start.png|list box 1 original}}  \\ Now modify the width property to 300.  Here is the result and now we can read the entire text. {{:rttk:ex1_lb1_wide.png|Listbox 1 wide text}}
+==== Label1 Alignment ====
+In this step you will use Object Plus to modify the alignment of Label1.  Navigate to listboxitem1 and expand it to show Label1.  {{:rttk:ex1_label_start.png|Label1 original}} \\ Now modify the alignment to client and here is the result. {{:rttk:ex1_label_client.png|Label1 align client}}
+===== Review the Session =====
+Continue on by reviewing the session [[rttk:demo_review_session|Session Review]]