Macromedia Dreamweaver UltraDev 4 - Displaying dynamic data in pop-up windows: Resizing the pop-up window

Home / Products / UltraDev / Support / Adding Dynamic Content

Resizing the pop-up window

When the detail page opens in a new browser window, that window is the same size as the results page window. If you want to re-size the pop-up window, you can do so by using the Open Browser Window action. The Open Browser Window action allows you to specify the properties of the new window (including its size, whether it has a menu bar, scrollbars, and so forth).

To use the Open Browser Window action:

1	In UltraDev, open your results page and select the text or image that serves as your Go to Detail Page link.
2	Open the Property inspector (Window > Properties). If you've typed popup in the Target text field, delete it.
3	Select the entire contents of the Link text field. The text will be long because it contains both the detail page file name and the Go to Detail Page server behavior code.

4	Cut and save the contents of the Link text field to your clipboard by typing Control-X (Windows) or Command-X (Macintosh).
5	Create a null link by typing a number sign (#) in the Link text field.

	For more information, see "Creating null and script links" in Using Dreamweaver or in Dreamweaver Help (Help > Using Dreamweaver).
6	Open the Behaviors panel (Window > Behaviors). Be careful not to click outside the Property inspector before you do this. If you receive a JavaScript warning or a Go to Detail Page server behavior message, click OK.
7	Click the plus (+) button in the top left corner of the Behaviors panel and choose Open Browser Window. The Open Browser Window dialog box appears.

8	Type Control-V (Windows) or Command-V (Macintosh) to paste the text from your clipboard into the URL to Display text field.
9	Adjust the pop-up window's size by typing a pixel width and height in the Window Width and Window Height fields. You can further customize the pop-up window by selecting specific attributes.
10	Click OK.

Your detail page will now appear in a re-sized browser when the user clicks the Go to Detail Page link.

Note that the Go to Detail Page server behavior becomes a dynamic attribute in the Server Behaviors panel. Any future edits to the Go to Detail Page server behavior (for example, to change the detail page's name) must be made in the code.