Learn Goal 3 - Part 3: Help the salesperson know where they are (Customer List)

Document created by Kedar on Dec 10, 2014Last modified by communitymanager on May 12, 2015
Version 29Show Document
  • View in full screen mode


Next, let’s add a similar heading to the Customer List layout. In this case, it doesn't make sense to include the salesperson’s name because you're displaying more than one record at once, and the salesperson might not always be the same.

 

  1. Switch to the Customer List layout.

  2. Choose the View menu > Layout Mode  ⌘L or Ctrl-L

  3. Select the Text tool in the status toolbar.

  4. Drag a rectangle in the top navigation part to define a text object, just as you did on the Customer Detail layout.

    A blinking insertion point appears, indicating that FileMaker Pro is ready for you to enter some text.



  5. Type “Customers” in the text object and click outside the object to cause your change to take effect.

  6. Select the text object so that you see the blue lines and handles around it.

  7. In the Text area of the Inspector, enter the value 36 for the point size.
    inspector text size 36.png

  8. In the Paragraph area of the Inspector, select the settings for left-alignment and vertical center alignment.

    inspector paragraph alignment.png

    Your header should now look like the image below.
    customer list layourt complete.png

  9. Use the Layout pop-up menu to switch back and forth between the “Customer Detail” and “Customer List” layouts.

  10. Observe whether your header text (i.e. “Customer” and “Customers”) appears to jump around or even wiggle slightly.

  11. If so, adjust the position of your header text so that it’s exactly the same on both layouts.

    One way to do this involves the Position area of the Inspector, which allows you to position and resize layout objects precisely.

  12. Switch to the Customer Detail layout.

  13. Select the “Customer” header text.

  14. Switch to the Position tab of the Inspector.

    Observe the six numerical values you can change: Left, Right, Top, Bottom, Width, and Height.


    They all use a common unit of measurement labeled as in (inches), cm (centimeters), or pt (points).
    inspector position area.png

  15. Click on the unit of measurement label in any of the six places it appears.

    It changes, switching among the three possibilities. Choose the one you prefer.



  16. Write down the Left, Right, Top, and Bottom values that appear in the Position section.

  17. Write down the Width and Height values that appear in the Size section.

  18. Switch to the Customer List layout.

  19. Select the “Customers” header text.

  20. In the Position section of the Position area, change the Left, Right, Top, and Bottom values to match the ones you wrote down.

  21. In the Size section of the Position area, change the Width and Height values to match the ones you wrote down.

  22. Choose the View menu > Browse Mode  ⌘B or Ctrl-B

  23. Navigate between the two layouts using your “View” buttons.

  24. Admire how clean and stable your solution appears when you do this.

 

 

Your solution looks more professional when objects common to both layouts remain rock-solid as you navigate between layouts. Details like this give users confidence in your work.
 

     

      

Attachments

    Outcomes