• Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint

Creating Web Layouts

After you suppress the IWP controls for a Web hosted database, you use FileMaker's standard tools to arrange your layout elements. Because suppressing the IWP controls means that all default interactivity is also suppressed, you must add buttons to allow users to carry out commands.

To place buttons on a Web form:

In the database to be hosted, go to the layout that will be used for the Form View layout. The Body section should contain the fields that the user will see.

If there isn't a Header part, drag the Body part down to make room. Add a header by dragging the Part tool onto the layout and choose Header in the Part Definition dialog box (Figure 19.4). Click OK.

Figure 19.4. The Header layout part will contain the buttons for the customized interface.

Drag the Header part down to make room for the buttons you'll create.

In the toolbar, click the Button tool. Drag the pointer in the Header to create a button.

When the Specify Button dialog box appears, choose the command for that button from the scrolling list (Figure 19.5).

Figure 19.5. A button command must be one of the steps IWP supports.

The command must be one of the commands listed in the Supported Script Steps sidebar. In our example, it's Go to Record/Request/Page.

If you want to go to a specific record, or to the previous or next record in the file, specify your destination in the Options section to the right (Figure 19.6).

Figure 19.6. The button destination is set in the Options section.

Click OK, then type a label in the button.

To create additional buttons, hold the Ctrl/Option key and drag the button to duplicate it. Double-click each new button, change the command in the specify Button dialog box, and then change the text on the layout (Figure 19.7).

Figure 19.7. Ctrl/Optionragging is a quick way to create new buttons on a layout.

Add one more button to the layout. Double-click it.

When the Specify Button dialog box appears, scroll down to the Records section and choose Exit Record/Request (Figure 19.8). Click OK.

Figure 19.8. The Exit Record command submits the changes made to a record to the database.

On the layout, label the new button Save (Figure 19.9). When a user makes changes to a record, clicking this button will submit the changes and update the database (Figure 19.10).

Figure 19.9. Labeling the button that submits the record Save makes it clearer to the user what the button does.

Figure 19.10. Users must submit their changes to the database.



Not a subscriber?

Start A Free Trial

  • Creative Edge
  • Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint