mirror of
https://github.com/FellippeHeitor/InForm.git
synced 2024-09-08 00:40:14 +00:00
Change urls (new server/site)
parent
e6c6f49f45
commit
f250abae4b
19 changed files with 22 additions and 22 deletions
|
@ -1,7 +1,7 @@
|
|||
Buttons can be clicked to trigger actions.
|
||||
|
||||
<div align="center">
|
||||
<img src="https://www.qb64.org/inform/images/buttons.png">
|
||||
<img src="https://inform.qb64.org/images/buttons.png">
|
||||
</div>
|
||||
|
||||
### [[Events]]
|
||||
|
|
|
@ -1,7 +1,7 @@
|
|||
Checkboxes allow users to choose settings that are binary in nature (true/false, yes/no, enabled/disabled).
|
||||
|
||||
<div align="center">
|
||||
<img src="https://www.qb64.org/inform/images/checkbox.png">
|
||||
<img src="https://inform.qb64.org/images/checkbox.png">
|
||||
</div>
|
||||
|
||||
The user is presented with a box that is either empty or checked followed by a label indicating the setting that is being edited.
|
||||
|
|
|
@ -1,7 +1,7 @@
|
|||
The color properties hold _UNSIGNED LONG values representing the _RGB32 color that will be used to print a control's [[caption]] or [[text]]. You can also pass color values using hexadecimal values (using the prefix &H) directly.
|
||||
|
||||
<div align="center">
|
||||
<img src="https://www.qb64.org/inform/images/mixer.png">
|
||||
<img src="https://inform.qb64.org/images/mixer.png">
|
||||
</div>
|
||||
|
||||
## Foreground and background
|
||||
|
|
|
@ -1,5 +1,5 @@
|
|||
The Disabled property indicates whether a control can be manipulated by the user.
|
||||
|
||||
<div align="center">
|
||||
<img src="https://www.qb64.org/inform/images/disabled.png">
|
||||
<img src="https://inform.qb64.org/images/disabled.png">
|
||||
</div>
|
2
Font.md
2
Font.md
|
@ -20,7 +20,7 @@ Examples:
|
|||
To specify a font at design time, select it from the list or specify the font file and separate the desired size with a comma. To type a font file name that's not on the list, right click the "Font" label and untick "Show system fonts list":
|
||||
|
||||
<div align="center">
|
||||
<img src="https://www.qb64.org/inform/images/fonts.png">
|
||||
<img src="https://inform.qb64.org/images/fonts.png">
|
||||
</div>
|
||||
|
||||
Use a question mark (?) to specify multiple fonts. This is useful when you wish to specify replacement fonts in case the desired font isn't found or can't be loaded.
|
||||
|
|
2
Frame.md
2
Frame.md
|
@ -1,7 +1,7 @@
|
|||
A Frame control serves as a container for other controls. At design time, drag controls into a frame and they will be automatically grouped.
|
||||
|
||||
<div align="center">
|
||||
<img src="https://www.qb64.org/inform/images/radio.png">
|
||||
<img src="https://inform.qb64.org/images/radio.png">
|
||||
</div>
|
||||
|
||||
### [[Events]]
|
||||
|
|
6
Home.md
6
Home.md
|
@ -1,5 +1,5 @@
|
|||
<div align="center">
|
||||
<img src="https://www.qb64.org/inform/images/Application-icon-128.png">
|
||||
<img src="https://inform.qb64.org/images/Application-icon-128.png">
|
||||
|
||||
# Welcome to **InForm**'s wiki!
|
||||
</div>
|
||||
|
@ -13,14 +13,14 @@ This wiki is a work in progress.
|
|||
InForm Designer's interface consists of a toolbox with all the controls you can add to your form, a list properties that are dynamically updated according to the currently selected control and a color mixer, which you use to send color data to the preview. The preview is loaded side-by-side with the editor and allows you to see in real time how your form is going to look after compiled.
|
||||
|
||||
<div align="center">
|
||||
<img src="http://www.qb64.org/inform/wp-content/uploads/2018/11/2018-11-08-22_49_44-InForm-Designer-Untitled.frm_.png">
|
||||
<img src="http://inform.qb64.org/wp-content/uploads/2018/11/2018-11-08-22_49_44-InForm-Designer-Untitled.frm_.png">
|
||||
</div>
|
||||
|
||||
# Controls
|
||||
The following controls are available as of Beta 8. Click their names below to read more about each one:
|
||||
|
||||
<div align="center">
|
||||
<img src="https://www.qb64.org/inform/images/Controls.png">
|
||||
<img src="https://inform.qb64.org/images/Controls.png">
|
||||
</div>
|
||||
|
||||
* [[Button]]
|
||||
|
|
2
Label.md
2
Label.md
|
@ -1,7 +1,7 @@
|
|||
Labels are used to display information to the user.
|
||||
|
||||
<div align="center">
|
||||
<img src="https://www.qb64.org/inform/images/labels.png">
|
||||
<img src="https://inform.qb64.org/images/labels.png">
|
||||
</div>
|
||||
|
||||
At design time, labels are automatically resized when you change their captions or fonts. If you set the WordWrap property to [[True|Constants]], you can enter multiple lines by adding a line break with the escape code **\n** in the Editor. At runtime you use CHR$(10) as a line break character (or even with **\n** if you use the [[SetCaption]] method).
|
||||
|
|
2
List.md
2
List.md
|
@ -1,7 +1,7 @@
|
|||
**Lists** present the user with selectable items. **Dropdown-lists** do the same but when they don't have focus, they only show the selected item, so that you have to click the down arrow button to see the rest of the list.
|
||||
|
||||
<div align="center">
|
||||
<img src="https://www.qb64.org/inform/images/lists.png">
|
||||
<img src="https://inform.qb64.org/images/lists.png">
|
||||
</div>
|
||||
|
||||
You add items using the AddItem method. At design time you do so by changing the List Items property. To add multiple items, separate them using a new line escape sequence (\n).
|
||||
|
|
4
Menus.md
4
Menus.md
|
@ -1,7 +1,7 @@
|
|||
MenuBar and MenuItem controls provide an easy way to add a menu system to your program.
|
||||
|
||||
<div align="center">
|
||||
<img src="https://www.qb64.org/inform/images/menubar.png">
|
||||
<img src="https://inform.qb64.org/images/menubar.png">
|
||||
</div>
|
||||
|
||||
To add a new MenuBar item, either go to Insert menu and choose "Menu Bar" or right-click your form and choose "Add menu bar control". After the menu bar has been created, you can continue adding new items directly on the preview, by clicking the empty space next to the last menu bar item.
|
||||
|
@ -18,7 +18,7 @@ Menus fonts and colors are based on the main form, so they will change according
|
|||
* Menu items can be grouped and have bullets (like RadioButton controls). Set the MarkerStyle to Bullet (from CheckMark) and set the value to true.
|
||||
** If a menu item contains an image icon, it'll not be shown when the item is "checked", so these are mutually exclusive properties.
|
||||
<div align="center">
|
||||
<img src="https://www.qb64.org/inform/images/menuitems.png">
|
||||
<img src="https://inform.qb64.org/images/menuitems.png">
|
||||
</div>
|
||||
|
||||
* The last menu item can be aligned to the right on the menu bar. Just select it and choose "Right" in the "Text align" drop-down list.
|
||||
|
|
|
@ -1,7 +1,7 @@
|
|||
NumericTextBox controls are used to receive input from the user, but it's limited to numbers only.
|
||||
|
||||
<div align="center">
|
||||
<img src="https://www.qb64.org/inform/images/numerictb.png">
|
||||
<img src="https://inform.qb64.org/images/numerictb.png">
|
||||
</div>
|
||||
|
||||
There are two modes to NumericTextBox controls, with or without bounds. At design time, you right-click a NumericTextBox control and choose "Allow min/max bounds" and specify the minimum and maximum values allowed, and InForm takes care of validating user input. At design time, a NumericTextBox control is created without bounds set, but when you enable bound checking, limits will be preset to INTEGER limits (-32768 to 32767).
|
||||
|
|
|
@ -1,7 +1,7 @@
|
|||
A PictureBox control can be used to display a static image file on a form. Alternatively, you can use a PictureBox control as a drawing surface.
|
||||
|
||||
<div align="center">
|
||||
<img src="https://www.qb64.org/inform/images/picturebox.png">
|
||||
<img src="https://inform.qb64.org/images/picturebox.png">
|
||||
</div>
|
||||
|
||||
A PictureBox control will mantain a loaded image's aspect ratio if resized by the corner handles.
|
||||
|
|
|
@ -10,7 +10,7 @@ A good place to add code that updates a PictureBox's software drawing is the [[B
|
|||
Code showcasing the technique:
|
||||
<!-- * **Starfield** http://www.qb64.net/forum/index.php?topic=14008.msg121377#msg121377
|
||||
* **Maze generator** http://www.qb64.net/forum/index.php?topic=14003.msg121316#msg121316 -->
|
||||
* **Fireworks** http://www.qb64.org/inform/demo/Fireworks2Inform.zip
|
||||
* **Fireworks** http://inform.qb64.org/demo/Fireworks2Inform.zip
|
||||
|
||||
#### See also:
|
||||
[[Picture box]]
|
|
@ -1,7 +1,7 @@
|
|||
A ProgressBar control presents the user with a visual indication of the progress of an on-going task. Set its [[Min]] and [[Max]] properties and then update its [[Value]] property at runtime.
|
||||
|
||||
<div align="center">
|
||||
<img src="https://www.qb64.org/inform/images/progressbar.png">
|
||||
<img src="https://inform.qb64.org/images/progressbar.png">
|
||||
</div>
|
||||
|
||||
If you set its ShowPercentage property to True, you can have the control's Caption property show in the bar's area. You embed the actual percentage by using the placeholder **\\#**.
|
||||
|
|
|
@ -1,7 +1,7 @@
|
|||
Radio buttons allow users to choose an option in a group.
|
||||
|
||||
<div align="center">
|
||||
<img src="https://www.qb64.org/inform/images/radio.png">
|
||||
<img src="https://inform.qb64.org/images/radio.png">
|
||||
</div>
|
||||
|
||||
The user is presented with a circle that is either empty or checked followed by a label indicating the setting that is being edited.
|
||||
|
|
|
@ -1,7 +1,7 @@
|
|||
TextBox controls are used to receive text input from the user.
|
||||
|
||||
<div align="center">
|
||||
<img src="https://www.qb64.org/inform/images/textbox.png">
|
||||
<img src="https://inform.qb64.org/images/textbox.png">
|
||||
</div>
|
||||
|
||||
With the [[PasswordField]] property you can hide the text typed by the user using Unicode character ● (UTF-8 e2978f).
|
||||
|
|
|
@ -1,7 +1,7 @@
|
|||
A Toggle switch control is ideal for settings that have an immediate effect or result.
|
||||
|
||||
<div align="center">
|
||||
<img src="https://www.qb64.org/inform/images/toggle.png">
|
||||
<img src="https://inform.qb64.org/images/toggle.png">
|
||||
</div>
|
||||
|
||||
Read a Toggle switch control's current state with the .Value property (returns [[True|Constants#Boolean]] or [[False|Constants#Boolean]]):
|
||||
|
|
|
@ -1,5 +1,5 @@
|
|||
<div align="center">
|
||||
<img src="https://www.qb64.org/inform/images/tooltip.png">
|
||||
<img src="https://inform.qb64.org/images/tooltip.png">
|
||||
</div>
|
||||
|
||||
Tool tips are shown when the user hovers a control for longer than the preset time span and are used to give brief explanations of controls' assignments. They are accessible via an array of variable width STRINGs, using the control's ID:
|
||||
|
|
|
@ -1,7 +1,7 @@
|
|||
A TrackBar control presents the user with a draggable slider used to set a value between the preset [[Min]] and [[Max]] values. Returns the Value property.
|
||||
|
||||
<div align="center">
|
||||
<img src="https://www.qb64.org/inform/images/trackbar.png">
|
||||
<img src="https://inform.qb64.org/images/trackbar.png">
|
||||
</div>
|
||||
|
||||
By setting the Interval property, you determine the number of ticks that will be displayed along the track. If you want an intermediate set of ticks, use the MinInterval property.
|
||||
|
|
Loading…
Reference in a new issue