CustomUI - Revision history

Admin: /* Using a Custom Style */

2015-09-14T12:32:22Z

‎Using a Custom Style

2015-09-14T12:32:07Z

‎CustomUI Builder

2015-08-06T12:21:57Z

16 revisions imported

2015-02-23T17:45:22Z

2015-02-23T17:45:14Z

2015-02-13T16:15:14Z

‎Applying the style at Application Launch

2015-02-13T00:07:59Z

‎Using CustomUI in your Xojo project

2015-02-13T00:06:26Z

2015-02-13T00:03:10Z

‎Applying the style at Application Launch

2015-02-13T00:02:44Z

‎Using a Custom Style

← Older revision		Revision as of 12:32, 14 September 2015
Line 45:		Line 45:
	Select the '''Open''' event then click on OK		Select the '''Open''' event then click on OK

−	[[File:Open-Event.png~~\|350px~~]]	+	[[File:Open-Event.png]]

@@ Line 11: / Line 11: @@
 The CustomUI Xojo project includes 9 default styles.
-[[File:CustomUI_Builder.png|600px]]
+[[File:CustomUI_Builder.png]]
 By clicking on each element in the Window, the clicked element's style editor appears on the right.

@@ Line 98: / Line 98: @@
 *First release of Custom UI
-See also
+===See also===
 [[WebCustomUI]], [[UI_Control]]

← Older revision		Revision as of 16:15, 13 February 2015
Line 45:		Line 45:
	Select the '''Open''' event then click on OK		Select the '''Open''' event then click on OK

−	[[File:Open-Event.png]]	+	[[File:Open-Event.png\|350px]]

← Older revision	Revision as of 12:21, 6 August 2015
(No difference)

← Older revision		Revision as of 00:07, 13 February 2015
Line 1:		Line 1:
−	== ~~Using~~ CustomUI in your Xojo project ==	+	== Installing CustomUI in your Xojo project ==

	Please watch the following video to understand how to add the CustomUI folder into your own project:		Please watch the following video to understand how to add the CustomUI folder into your own project:

← Older revision		Revision as of 00:06, 13 February 2015
Line 1:		Line 1:
		+	== Using CustomUI in your Xojo project ==
		+
		+	Please watch the following video to understand how to add the CustomUI folder into your own project:
		+	https://www.youtube.com/watch?v=P3272gLQcT0
		+
		+	As soon as CustomUI is added to your project, it is necessary to change each control to its UI_... equivalent.<br/>
		+	For example, in each Window, change the super property of PushButtons and BevelButtons to UI_Button.
		+
	== CustomUI Builder ==		== CustomUI Builder ==

@@ Line 47: / Line 47: @@
 Finally, copy and paste the following line of code to apply the style, assuming the XML file is named CustomStyle.xml:
-<source lang="realbasic">Call UI_Module.LoadFromXML(CustomStyle)</source>
+<source lang="realbasic">Call UI_Module.LoadFromXML(kUIStyle)</source>
-−
 === Window Background ===

@@ Line 20: / Line 20: @@
 As soon as you have created a custom style using the CustomUI Builder, you should have an XML file containing the style definition.
-The easiest way to apply this style in your Xojo project is to drag & drop the XML file into your Xojo project.
+The easiest way to apply this style in your Xojo project is to create a constant in a Module or in the App object. Let's name this constant '''kUIStyle'''.
 === Applying the style at Application Launch ===