Ribbon Toolbar - Revision history

MartinW: /* View Ribbon */

2023-08-25T09:24:53Z

View Ribbon

← Older revision		Revision as of 09:24, 25 August 2023
Line 57:		Line 57:
	*[[Simulation Debugger\|Watch Window]] - This window appears when simulating a flowchart to allow you to see the values or variables and the current macro.		*[[Simulation Debugger\|Watch Window]] - This window appears when simulating a flowchart to allow you to see the values or variables and the current macro.
	*[[Main_Page\|Wiki]] - Provides access to the Main Page of Flowcode help wiki.		*[[Main_Page\|Wiki]] - Provides access to the Main Page of Flowcode help wiki.
	*Licensing - ~~Provides access to~~ your Flowcode license details.		*Licensing - Dispalys your Flowcode license details and enabled chipacks.
	*[https://flowcode.co.uk/forums/index.php Forums] - Provides access to the Flowcode user forums to ask questions as well as share code and projects.		*[https://flowcode.co.uk/forums/index.php Forums] - Provides access to the Flowcode user forums to ask questions as well as share code and projects.
	*[[Chip View\|Target Device]] - Provides a view of the selected target microcontroller pins.		*[[Chip View\|Target Device]] - Provides a view of the selected target microcontroller pins.

MartinW: /* View Ribbon */

2023-08-25T09:20:06Z

View Ribbon

← Older revision		Revision as of 09:20, 25 August 2023
Line 56:		Line 56:
	*[[Digital_Pins\|Digital Pins]] - The digital pins window monitors the various digital input / output pins on the selected target microcontroller device.		*[[Digital_Pins\|Digital Pins]] - The digital pins window monitors the various digital input / output pins on the selected target microcontroller device.
	*[[Simulation Debugger\|Watch Window]] - This window appears when simulating a flowchart to allow you to see the values or variables and the current macro.		*[[Simulation Debugger\|Watch Window]] - This window appears when simulating a flowchart to allow you to see the values or variables and the current macro.
	*Wiki - Provides access to the Flowcode help wiki.		*[[Main_Page\|Wiki]] - Provides access to the Main Page of Flowcode help wiki.
	*Licensing - Provides access to your Flowcode license details.		*Licensing - Provides access to your Flowcode license details.
	*Forums - Provides access to the Flowcode user forums to ask questions as well as share code and projects.		*[https://flowcode.co.uk/forums/index.php Forums] - Provides access to the Flowcode user forums to ask questions as well as share code and projects.
	*[[Chip View\|Target Device]] - Provides a view of the selected target microcontroller pins.		*[[Chip View\|Target Device]] - Provides a view of the selected target microcontroller pins.
	*[[Using the Icon Lists Pane\|Icon Lists]] - This window shows a lists of various icons in the project.		*[[Using the Icon Lists Pane\|Icon Lists]] - This window shows a lists of various icons in the project.

MartinW: /* View Ribbon */

2023-08-25T09:17:23Z

View Ribbon

← Older revision		Revision as of 09:17, 25 August 2023
Line 44:		Line 44:

	*[[Using the Project Explorer\|Project Explorer]] - The project explorer provides a central place to monitor and manipulate the key constituents of your project.		*[[Using the Project Explorer\|Project Explorer]] - The project explorer provides a central place to monitor and manipulate the key constituents of your project.
	*[[~~Dashboard Panel~~\|2D~~: Dashboard Panel~~]] - The ~~Dashboard Panel~~ provides a 2D ~~window~~ on which to load Flowcode components.		*[[2d_Panels\|2D Panels]] - The 2D Panels provides one or more 2D panel on which to load Flowcode components.
	*[[System Panel\|3D System Panel]] - The System Panel provides a 3D (real-world) framework on which to load Flowcode components.		*[[System Panel\|3D System Panel]] - The System Panel provides a 3D (real-world) framework on which to load Flowcode components.
	*[[Properties_Panel\|Component Properties]] - The component properties window allows you to view and edit settings specific to the current selected component.		*[[Properties_Panel\|Component Properties]] - The component properties window allows you to view and edit settings specific to the current selected component.

MartinW: /* File Menu */

2023-08-25T09:00:25Z

File Menu

← Older revision		Revision as of 09:00, 25 August 2023
Line 9:		Line 9:
	==File Menu==		==File Menu==

	The file menu allows you to start a new project, open an existing project ~~and~~ save a project.		The file menu allows you to start a new project, open an existing project, save a project, and change global settings.

	You can also import a 3D model onto the 3D panel and export the project as a component or [[App_Developer]] application.		You can also import a 3D model onto the 3D panel and export the project as a component or [[App_Developer]] application.


	==Edit Ribbon==		==Edit Ribbon==

MartinW: /* Help Ribbon */

2023-08-25T08:53:15Z

Help Ribbon

← Older revision		Revision as of 08:53, 25 August 2023
Line 181:		Line 181:


	*~~License~~ - Options relating to your Flowcode license.		*Licensing - Options relating to your Flowcode license.
	**Manage ~~Layouts~~ - Allows you to enter your licensing information or select the free version.		**View - Allows you to see the current chip and feature packs attached to your license.
	**View - Allows you to see the current licensed packs attached to your license.		**Manage - Allows you to enter your licensing information or select the free version (if Flowcode licence has never been entered after new install.
	*[[Dynamic_Updates\|Library Updates]] - Checks for the latest Component, CAL and Target Definition updates.		*[[Dynamic_Updates\|Library Updates]] - Checks for the latest Component, CAL and Target Definition updates.
	*Visit Website - Takes you to the Flowcode website.		*[https://flowcode.co.uk/ Visit Website] - Takes you to the Main Page of the Flowcode website.
	*Wiki - Takes you to the Flowcode help wiki site.		*[[Main_Page\|Wiki]] - Takes you to the Flowcode help wiki site Main Page.
	*~~Licensing - Takes you to the Flowcode licensing page~~.		*[https://flowcode.co.uk/forums/index.php Forums] - Takes you to the Flowcode user forums.
	*Forums - Takes you to the Flowcode user forums.

	==Video instructions==		==Video instructions==

MartinW: /* Help Ribbon */

2023-08-25T08:31:48Z

Help Ribbon

← Older revision		Revision as of 08:31, 25 August 2023
Line 182:		Line 182:

	*License - Options relating to your Flowcode license.		*License - Options relating to your Flowcode license.
	**Manage Layouts - Allows you to enter your licensing information or select the ~~30-day trial or~~ free version.1		**Manage Layouts - Allows you to enter your licensing information or select the free version.
	**View - Allows you to see the current licensed ~~feature~~ packs attached to your license.		**View - Allows you to see the current licensed packs attached to your license.
	*[[Dynamic_Updates\|Library Updates]] - Checks for the latest Component, CAL and Target Definition updates.		*[[Dynamic_Updates\|Library Updates]] - Checks for the latest Component, CAL and Target Definition updates.
	*Visit Website - Takes you to the Flowcode website.		*Visit Website - Takes you to the Flowcode website.

MartinW at 12:40, 20 June 2023

2023-06-20T12:40:17Z

← Older revision		Revision as of 12:40, 20 June 2023
Line 1:		Line 1:
	==Introduction==		==Introduction==

	The Flowcode environment consists of a main work area in which the flowchart windows are displayed, several ~~toolbars~~ that allow icon and components to be added to the flowchart application, windows that allow the status of the microcontroller and attached components to be viewed and windows that display variables and macro calls when the flow chart is being simulated.		The Flowcode environment consists of a main work area in which the flowchart windows are displayed, several ribbon that allow icon and components to be added to the flowchart application, windows that allow the status of the microcontroller and attached components to be viewed and windows that display variables and macro calls when the flow chart is being simulated.


	From the View menu you are able to customise Flowcode to hide and display panel windows such as the [[Dashboard Panel]], [[System Panel]], [[Properties Panel]], [[Component Debugger]] and much more, you can also show / hide the ~~Toolbars~~ referenced as Toolboxes, e.g. the 'Main Toolbar', 'Components Toolbar' or rather Toolbox, as well as the 'Icons Toolbar' otherwise known as the 'Command Toolbox'		From the View menu you are able to customise Flowcode to hide and display panel windows such as the [[Dashboard Panel]], [[System Panel]], [[Properties Panel]], [[Component Debugger]] and much more, you can also show / hide the Ribbon referenced as Toolboxes, e.g. the 'Main Toolbar', 'Components Toolbar' or rather Toolbox, as well as the 'Icons Toolbar' otherwise known as the 'Command Toolbox'


Line 14:		Line 14:


	==Edit ~~Toolbar~~==		==Edit Ribbon==

	The edit ~~toolbar~~ provides some common items to simplify program editing such as copy, paste and icon grouping.		The edit ribbon provides some common items to simplify program editing such as copy, paste and icon grouping.

	[[File:ToolbarEditIcons.jpg]]		[[File:ToolbarEditIcons.jpg]]
Line 37:		Line 37:


	==View ~~Toolbar~~==		==View Ribbon==

	The following elements can be switched on and off using the view ~~toolbar~~ section of the main ribbon.		The following elements can be switched on and off using the view ribbon section of the main ribbon.

	[[File:ViewMenu.jpg]]		[[File:ViewMenu.jpg]]
Line 66:		Line 66:
	*Status Bar - A bar at the bottom of the application showing useful information.		*Status Bar - A bar at the bottom of the application showing useful information.

	==Icons ~~Toolbar~~==		==Icons Ribbon==

	Drag and drop [[Icon_Properties\|Flowchart]] and [[State_diagrams\|State Diagram]] icons from the Command Icons ~~toolbar~~ onto the main flowchart window to create your flowchart application.		Drag and drop [[Icon_Properties\|Flowchart]] and [[State_diagrams\|State Diagram]] icons from the Command Icons ribbon onto the main flowchart window to create your flowchart application.

	The Icons tab of the [[Using_the_Project_Explorer\|Project explorer]] window also contains [[Icon_Properties\|Flowchart]] and [[State_diagrams\|State Diagram]] icons.		The Icons tab of the [[Using_the_Project_Explorer\|Project explorer]] window also contains [[Icon_Properties\|Flowchart]] and [[State_diagrams\|State Diagram]] icons.


	Embedded ~~toolbar~~		Embedded ribbon

	[[File:ToolbarFlowchartIcons.jpg]]		[[File:ToolbarFlowchartIcons.jpg]]


	App Creator ~~toolbar~~		App Creator ribbon

	[[File:ToolbarFlowchartIconAC.jpg]]		[[File:ToolbarFlowchartIconAC.jpg]]


	State Diagrams ~~toolbar~~		State Diagrams ribbon

	[[File:ToolbarStateIcons.jpg]]		[[File:ToolbarStateIcons.jpg]]


	==Components ~~Toolbar~~==		==Components Ribbon==

	This ~~toolbar~~ displays the component libraries that can be included in your program. Click on a [[Component\|component]] and it can be added onto either the [[Dashboard Panel]] or the [[System Panel]].		This ribbon displays the component libraries that can be included in your program. Click on a [[Component\|component]] and it can be added onto either the [[Dashboard Panel]] or the [[System Panel]].

	The properties of the component such as Pin connections, Configuration Parameters and other settings can be edited using the Properties window.		The properties of the component such as Pin connections, Configuration Parameters and other settings can be edited using the Properties window.
Line 108:		Line 108:


	==User Macros ~~Toolbar~~==		==User Macros Ribbon==

	The user macros ~~toolbar~~ allows access to create new macros and to browse through existing macros in the project.		The user macros ribbon allows access to create new macros and to browse through existing macros in the project.

	[[File:ToolbarUserMacros.jpg]]		[[File:ToolbarUserMacros.jpg]]
Line 128:		Line 128:


	==Debug ~~Toolbar~~==		==Debug Ribbon==

	[[File:ToolbarDebug.jpg]]		[[File:ToolbarDebug.jpg]]
Line 150:		Line 150:


	==Build ~~Toolbar~~==		==Build Ribbon==

	[[File:ToolbarBuild.jpg]]		[[File:ToolbarBuild.jpg]]
Line 164:		Line 164:


	==Window ~~Toolbar~~==		==Window Ribbon==

	[[File:ToolbarWindow.jpg]]		[[File:ToolbarWindow.jpg]]
Line 176:		Line 176:


	==Help ~~Toolbar~~==		==Help Ribbon==

	[[File:ToolbarHelp.jpg]]		[[File:ToolbarHelp.jpg]]
Line 195:		Line 195:


	Watch the [http://www.youtube.com/watch?v=9c6FIZTfGmA&list=PLQDWBb7bxuCgg6aJgPJcfXBMzZdLILceQ ~~Toolbars~~ and Buttons] video to learn how to use each ~~toolbar~~ effectively as well as learning specific details and functions of each ~~toolbar~~ button.		Watch the [http://www.youtube.com/watch?v=9c6FIZTfGmA&list=PLQDWBb7bxuCgg6aJgPJcfXBMzZdLILceQ Ribbon and Buttons] video to learn how to use each ribbon effectively as well as learning specific details and functions of each ribbon button.


	Finally, view the [http://www.youtube.com/watch?v=c0d47BSkKS4&list=PLQDWBb7bxuCgg6aJgPJcfXBMzZdLILceQ Tabbed Flowcharts and Macros] video to see how to control the interface when managing macros, from tabbed flowcharts and macros to viewing two macro flowcharts on one screen.		Finally, view the [http://www.youtube.com/watch?v=c0d47BSkKS4&list=PLQDWBb7bxuCgg6aJgPJcfXBMzZdLILceQ Tabbed Flowcharts and Macros] video to see how to control the interface when managing macros, from tabbed flowcharts and macros to viewing two macro flowcharts on one screen.

	~~{\| style="margin:auto; text-align:center;"~~
	\|-
	~~\|{{#ev:youtube\|FXa7LJsRvAs}}~~
	~~\| width="100px" \|~~
	~~\|{{#ev:youtube\|9c6FIZTfGmA}}~~
	\|-
	~~\| colspan="3" \|<br />~~
	\|-
	~~\| colspan="3" \|{{#ev:youtube\|c0d47BSkKS4}}~~
	\|}

MartinW: /* View Toolbar */

2022-12-05T09:46:09Z

View Toolbar

← Older revision		Revision as of 09:46, 5 December 2022
Line 63:		Line 63:
	*[[Using the Icon Lists Pane\|Icon Lists]] - This window shows a lists of various icons in the project.		*[[Using the Icon Lists Pane\|Icon Lists]] - This window shows a lists of various icons in the project.
	*[[Zooming the View\|Zoom]] - Controls the zoom level of the current flowchart or state diagram window.		*[[Zooming the View\|Zoom]] - Controls the zoom level of the current flowchart or state diagram window.
	*[[~~Global_Options~~\|Global Settings]] - A window for various application settings such as icon draw style, component include directories and network settings.		*[[Global_Settings\|Global Settings]] - A window for various application settings such as icon draw style, component include directories and network settings.
	*Status Bar - A bar at the bottom of the application showing useful information.		*Status Bar - A bar at the bottom of the application showing useful information.


	==Icons Toolbar==		==Icons Toolbar==

BenR: BenR moved page Tools and Views to Ribbon Toolbar

2020-10-27T10:45:04Z

BenR moved page Tools and Views to Ribbon Toolbar

← Older revision	Revision as of 10:45, 27 October 2020
(No difference)

BenR: /* Help Toolbar */

2020-10-27T10:43:10Z

Help Toolbar

← Older revision		Revision as of 10:43, 27 October 2020
Line 182:		Line 182:


	*License		*License - Options relating to your Flowcode license.
	*Library Updates		**Manage Layouts - Allows you to enter your licensing information or select the 30-day trial or free version.1
	*Visit Website		**View - Allows you to see the current licensed feature packs attached to your license.
	*Wiki		*[[Dynamic_Updates\|Library Updates]] - Checks for the latest Component, CAL and Target Definition updates.
	*Licensing		*Visit Website - Takes you to the Flowcode website.
	*Forums		*Wiki - Takes you to the Flowcode help wiki site.
			*Licensing - Takes you to the Flowcode licensing page.
			*Forums - Takes you to the Flowcode user forums.

	==Video instructions==		==Video instructions==

← Older revision		Revision as of 09:17, 25 August 2023
Line 44:		Line 44:

	*[[Using the Project Explorer\|Project Explorer]] - The project explorer provides a central place to monitor and manipulate the key constituents of your project.		*[[Using the Project Explorer\|Project Explorer]] - The project explorer provides a central place to monitor and manipulate the key constituents of your project.
	*[[~~Dashboard Panel~~\|2D~~: Dashboard Panel~~]] - The ~~Dashboard Panel~~ provides a 2D ~~window~~ on which to load Flowcode components.		*[[2d_Panels\|2D Panels]] - The 2D Panels provides one or more 2D panel on which to load Flowcode components.
	*[[System Panel\|3D System Panel]] - The System Panel provides a 3D (real-world) framework on which to load Flowcode components.		*[[System Panel\|3D System Panel]] - The System Panel provides a 3D (real-world) framework on which to load Flowcode components.
	*[[Properties_Panel\|Component Properties]] - The component properties window allows you to view and edit settings specific to the current selected component.		*[[Properties_Panel\|Component Properties]] - The component properties window allows you to view and edit settings specific to the current selected component.