Difference between revisions of "Component: ImageUrl ( Web Primitives)"

From Flowcode Help
Jump to navigationJump to search
(Created page with "{| style="width:50%" |- | width="20%" style="color:gray;" | Author | MatrixTSL |- | width="20%" style="color:gray;" | Version | 0.1 |- | width="20%" style="color:gray;...")
 
(Removed the incorrect into about fonts)
 
Line 17: Line 17:
 
==Detailed description==
 
==Detailed description==
  
−
The font component provides a series of bitmap glyphs to the graphical display components and is built into these components.
+
''No detailed description exists yet for this component''
−
 
 
−
Each font can be capable of providing a full character set or just a set of numeric characters, these latter being marked with the word Number.
 
−
 
 
−
 
 
−
===Custom Fonts===
 
−
 
 
−
Custom fonts can be created using the Custom option and providing a link to a file generated by a tool called The Dot Factory.
 
−
 
 
−
To do this you must first download and install the dot factory on your computer.
 
−
 
 
−
[[File:TheDotFactory.zip]]
 
−
 
 
−
http://www.eran.io/the-dot-factory-an-lcd-font-and-image-generator/
 
−
 
 
−
 
 
−
Once the software is installed, run the software and click the spanner (wrench) icon next to the Preset. Configure the software like this.
 
−
 
 
−
[[file:DotFactorySettings.jpg]]
 
−
 
 
−
 
 
−
For a fixed width font like courier new you can change the Width (x) setting from Tightest to Fixed.
 
−
 
 
−
Click Apply and then click the folder next to the Font option to set the font type and size. Click OK when done.
 
−
 
 
−
 
 
−
In the main text window underneath the Font you can specify the characters you will create glyphs for. This can be reduced to ensure you only create glyphs for characters you are going to be using in your program.
 
−
 
 
−
 
 
−
For a complete font glyph set similar to other Flowcode fonts copy and paste the following into the text field.
 
−
 
 
−
!"#$%&'()*+,-./0123456789:;<=>?@ABCDEFGHIJKLMNOPQRSTUVWXYZ[\]^_`abcdefghijklmnopqrstuvwxyz{|}~
 
−
 
 
−
 
 
−
Once you're done click the Generate button and then click File and Save as files, save to a location on your PC ideally with your Flowcode project file.
 
−
 
 
−
In Flowcode point the custom file to the .c file generated by the dot factory.
 
−
 
 
−
The new custom font should now simulate and work on embedded hardware. The Flowcode file will need to retain the link to the font .c file so be sure to keep both files when transferring projects.
 
  
 
==Examples==
 
==Examples==

Latest revision as of 10:32, 27 April 2026

Author MatrixTSL
Version 0.1
Category Web Primitives


ImageUrl component

Creates an image that opens a web page when clicked.

Detailed description

No detailed description exists yet for this component

Examples

No additional examples








Macro reference

SetParameters

Fc9-comp-macro.png SetParameters
Set the parameters to append to the target URL link. (e.g. "?param1=5&param2=red") 
Fc9-string-icon.png - STRING s
Text to set 
Fc9-void-icon.png - VOID Return


SetURL

Fc9-comp-macro.png SetURL
Set the target URL for the link 
Fc9-string-icon.png - STRING s
Text to set 
Fc9-void-icon.png - VOID Return


Property reference

Fc9-prop-icon.png Properties
Fc9-type-13-icon.png Filename
The location of an external image file 
Fc9-type-10-icon.png AltText
 
Fc9-type-10-icon.png URL
The target URL for this image 
Fc9-type-7-icon.png Open in new tab
Select true if the link should open in a new tab 
Fc9-conn-icon.png Advanced
Fc9-type-10-icon.png Custom Attributes
 

Component Source Code

Please click here to download the component source project: FC_Comp_Source_WEBEXP_ImageUrl.fcsx

Please click here to view the component source code (Beta): FC_Comp_Source_WEBEXP_ImageUrl.fcsx

Retrieved from "https://www.flowcode.co.uk/wiki/index.php?title=Component:_ImageUrl_(_Web_Primitives)&oldid=42094"