Difference between revisions of "Documentation/DevGuide/Basic/Creating Dialogs"
OOoWikiBot (Talk | contribs) m (Robot: Changing Category:Documentation/Developers Guide/Basic and Dialogs) |
|||
Line 6: | Line 6: | ||
}} | }} | ||
{{DISPLAYTITLE:Creating Dialogs}} | {{DISPLAYTITLE:Creating Dialogs}} | ||
− | To create a dialog in the Basic IDE, right-click the Module1 tab at the bottom of the Basic source editor and select '''Insert | + | To create a dialog in the Basic IDE, right-click the Module1 tab at the bottom of the Basic source editor and select '''Insert > Basic Dialog'''. The IDE creates a new page named Dialog1: |
[[Image:DialogIDE.png|none|thumb|400px|The Basic GUI Editor]] | [[Image:DialogIDE.png|none|thumb|400px|The Basic GUI Editor]] | ||
Line 25: | Line 25: | ||
|- | |- | ||
|[[Image:ButtonControl.png]] | |[[Image:ButtonControl.png]] | ||
− | |Next, add '''<< Back''' and '''Next >>''' Buttons to move between the dialog steps, and a '''Finish''' and '''Cancel''' button. Select the '''Button''' icon and define the button size using the left-mouse button. Buttons are labeled with a default text, such as < | + | |Next, add '''<< Back''' and '''Next >>''' Buttons to move between the dialog steps, and a '''Finish''' and '''Cancel''' button. Select the '''Button''' icon and define the button size using the left-mouse button. Buttons are labeled with a default text, such as <tt>CommandButton1</tt>. If the '''Properties Dialog''' is not open, double click the newly inserted button controls to display it. Enter new labels in the Label field as suggested, and name the dialog step buttons Back and Next. Set the property '''Enabled''' for the '''<< Back''' button to <tt>false</tt>. |
|- | |- | ||
|[[Image:LabelControl.png]] | |[[Image:LabelControl.png]] |
Revision as of 19:02, 16 February 2009
To create a dialog in the Basic IDE, right-click the Module1 tab at the bottom of the Basic source editor and select Insert > Basic Dialog. The IDE creates a new page named Dialog1:
Our dialog shall offer a more convenient way to select a file than the simple input box of our first example. Furthermore, the user shall be able to control how the picture is anchored in the text after inserting it. For this, we will create a wizard dialog with two steps.
Now the dialog looks similar to the illustration below:
Test the dialog using the Activate Test Mode icon from the design tool window. After you have finished the test, click the Close button of the test dialog window. |
To edit the dialog, such as setting the title and changing the size, select it by clicking the outer border of the dialog. Green handles appear around the dialog. The green handles can be used to alter the dialog size. The Properties Dialog is used to define a dialog title and other dialog properties.
Content on this page is licensed under the Public Documentation License (PDL). |