Computer 9 2nd Qtr Lesson 2 _ Power Apps' Configuring Controls PDF

ADDING & CONFIGURING CONTROL IN POWER APPS START START  LESSON 2: ADDING & CONFIGURING CONTROL IN POWER APPS 4 Che...

ADDING & CONFIGURING CONTROL IN POWER APPS START START  LESSON 2: ADDING & CONFIGURING CONTROL IN POWER APPS 4 Checkmark with solid fill Daily Routine Daily Routine Apple with solid fill Lesson Proper Lesson Proper Application Completed with solid fill Integration Integration Badge Tick with solid fill Evaluation Evaluation Postit Notes with solid fill Agreement Agreement When building your canvas app, you can add different types Circles with lines with solid fill Windup Routine of user interface (UI) elements to make it interactive and functional. Windup Routine These elements, known as controls, can be customized to suit your needs. You can adjust their appearance and behavior in several ways—by using the toolbar, modifying settings in the Properties tab, or writing custom expressions in the formula bar. The settings you tweak are referred to as properties.  LESSON 2: ADDING & CONFIGURING CONTROL IN POWER APPS 4 B) ADDING A SCREEN To add a new screen to your app: Checkmark with solid fill Apple with solid fill Simply, click the New Screen button. From there, you can choose your desired screen type from a Completed with solid fill variety of templates, making it easy to set up a Badge Tick with solid fill screen that fits your app's needs. Postit Notes with solid fill Circles with lines with solid fill  LESSON 2: ADDING & CONFIGURING CONTROL IN POWER APPS 4 B) ADDING A SCREEN To add a new screen to your app: Checkmark with solid fill Apple with solid fill Simply, click the New Screen button. From there, you can choose your desired screen type from a Completed with solid fill variety of templates, making it easy to set up a Badge Tick with solid fill screen that fits your app's needs. When you add a new screen, it is automatically Postit Notes with solid fill Circles with lines with solid fill named Screen2 (or the next available number) and appears in the left navigation pane. This pane provides a hierarchical list of all the controls in your app, making it simple to locate and select any control you want to work with.  LESSON 2: ADDING & CONFIGURING CONTROL IN POWER APPS 4 C) OBJECT TREE VIEW To see how the hierarchical list works: Checkmark with solid fill Apple with solid fill Go to the Insert tab and select Label. The new label control will appear under Screen2 in the hierarchical list In the screen, the label is surrounded by a box with six Completed with solid fill Badge Tick with solid fill handles by default. This box indicates that the label is currently selected. If you click or tap anywhere else on the screen outside the label, the box will disappear, showing Postit Notes with solid fill Circles with lines with solid fill that the label is no longer selected. To select the label again, you can either click or tap directly on it in the screen, or you can select its name from the hierarchical list of controls in the left navigation pane.  LESSON 2: ADDING & CONFIGURING CONTROL IN POWER APPS 4 D) RENAMING A CONTROL To rename a control in the hierarchical Checkmark with solid fill Apple with solid fill list: Hover over the control you want to Completed with solid fill rename. When the ellipsis button Badge Tick with solid fill appears, click it and select Rename. You can then type a unique and memorable name for the control, Postit Notes with solid fill Circles with lines with solid fill which helps make building and managing your app much easier.  LESSON 2: ADDING & CONFIGURING CONTROL IN POWER APPS 4 D) RENAMING A CONTROL CONTROL NAME ABBREVIATION button btn When naming controls on the canvas, Checkmark with solid fill Apple with solid fill it's best to use camel case and follow a camera control cam consistent naming convention. Start canvas can each name with a three-character type Completed with solid fill descriptor (e.g., btn for buttons or lbl card crd Badge Tick with solid fill for labels), followed by the purpose of the control. form frm Postit Notes with solid fill group grp Circles with lines with solid fill This practice makes it easier to identify the type of control at a glance, header page shape hdr simplifies building formulas, and html text htm improves searchability within your app. icon ico  LESSON 2: ADDING & CONFIGURING CONTROL IN POWER APPS 4 D) RENAMING A CONTROL CONTROL NAME ABBREVIATION image img When naming controls on the canvas, Checkmark with solid fill Apple with solid fill it's best to use camel case and follow a collection col consistent naming convention. Start combo box cmb each name with a three-character type Completed with solid fill descriptor (e.g., btn for buttons or lbl dates dte Badge Tick with solid fill for labels), followed by the purpose of the control. drop down drp Postit Notes with solid fill gallery gal Circles with lines with solid fill This practice makes it easier to identify the type of control at a glance, label lbl simplifies building formulas, and page section shape sec improves searchability within your app. shapes (rectangle, circle,...) shp  LESSON 2: ADDING & CONFIGURING CONTROL IN POWER APPS 4 D) RENAMING A CONTROL CONTROL NAME ABBREVIATION shapes (rectangle, When naming controls on the canvas, Checkmark with solid fill circle,...) shp Apple with solid fill it's best to use camel case and follow a consistent naming convention. Start table data tbl each name with a three-character type text input txt Completed with solid fill descriptor (e.g., btn for buttons or lbl Badge Tick with solid fill for labels), followed by the purpose of timer tim the control. Postit Notes with solid fill screen scr Circles with lines with solid fill This practice makes it easier to identify variable var the type of control at a glance, simplifies building formulas, and Check box chk improves searchability within your app. List box lst toggle tog  LESSON 2: ADDING & CONFIGURING CONTROL IN POWER APPS 4 D) RENAMING A CONTROL CONTROL NAME ABBREVIATION toggle tog When naming controls on the canvas, Checkmark with solid fill Apple with solid fill it's best to use camel case and follow a Text inputs (including consistent naming convention. Start rich and HTML) inp each name with a three-character type Data table tab Completed with solid fill descriptor (e.g., btn for buttons or lbl Badge Tick with solid fill for labels), followed by the purpose of slider sld the control. Postit Notes with solid fill charts (including Power BI reports) cht Circles with lines with solid fill This practice makes it easier to identify the type of control at a glance, Radio rdo simplifies building formulas, and rating rat improves searchability within your app.  LESSON 2: ADDING & CONFIGURING CONTROL IN POWER APPS 4 E) DELETING A CONTROL To delete a control in the hierarchical Checkmark with solid fill Apple with solid fill list: Hover over the control you want to Completed with solid fill remove. When the ellipsis button Badge Tick with solid fill appears, click it and select Delete. Alternatively, if the control is not a screen, you can select the control Postit Notes with solid fill Circles with lines with solid fill directly on the canvas and press the Delete key on your keyboard to remove it.  LESSON 2: ADDING & CONFIGURING CONTROL IN POWER APPS 4 E) RE-ORDERING THE SCREENS In the hierarchical list of controls, Checkmark with solid fill Apple with solid fill hover over the screen you want to reorder. When the ellipsis button appears, Completed with solid fill click it and select Reorder. Badge Tick with solid fill From the options, you can choose to Bring to Front, Bring Forward, Send Back, or Send Backward to adjust Postit Notes with solid fill Circles with lines with solid fill the screen's layering order relative to other controls.  LESSON 2: ADDING & CONFIGURING CONTROL IN POWER APPS 4 F) MOVING OR RESIZING THE CONTROLS Checkmark with solid fill Apple with solid fill To move a control, simply select it and hover over its center until a four- headed arrow appears. Then, drag Completed with solid fill the control to a new location. Badge Tick with solid fill To resize a control, select it and hover over any handle in the Postit Notes with solid fill Circles with lines with solid fill selection box until a two-headed arrow appears. Then, drag the handle to adjust the size of the control.  LESSON 2: ADDING & CONFIGURING CONTROL IN POWER APPS 4 G) CONFIGURE A CONTROL IN THE PROPERTIES PANE Checkmark with solid fill Apple with solid fill Using the Properties pane for a specific control allows you to configure a wide range of options. Completed with solid fill Badge Tick with solid fill For example, if you select a button control, you can change the text displayed on the button by Postit Notes with solid fill Circles with lines with solid fill modifying the Text property in the Properties pane. This lets you customize the control to fit your app's needs.  4 LET’S INTEGRATE Checkmark with solid fill Daily Routine “In what way that configuring controls in power apps can help you Daily Routine in daily life activities?” Apple with solid fill Lesson Proper Lesson Proper Proverbs 16:3 fits well: "Commit to the Lord whatever you Application Completed with solid fill Integration do, and he will establish your plans. Integration Badge Tick with solid fill Evaluation Evaluation Postit Notes with solid fill Agreement In our lesson on Power Apps, we learn how to add and configure controls within canvas Agreement apps. This allows us to customize our app by adjusting properties such as text, visibility, and Circles with lines with solid fill Windup Routine position using the Properties pane. These settings help us create an interactive and Windup Routine functional user interface. Proverbs 16:3: "Commit to the Lord whatever you do, and he will establish your plans," encourages us to thoughtfully plan and take action, much like how we configure controls to ensure our app's success.