Component: Image ( Web Primitives): Difference between revisions
No edit summary |
m Text replacement - "style="background-color:#EAE1EA;"" to "class="mtx-class-propfolder"" |
||
| (7 intermediate revisions by 2 users not shown) | |||
| Line 5: | Line 5: | ||
|- | |- | ||
| width="20%" style="color:gray;" | Version | | width="20%" style="color:gray;" | Version | ||
| 0 | | 1.0 | ||
|- | |- | ||
| width="20%" style="color:gray;" | Category | | width="20%" style="color:gray;" | Category | ||
| Line 15: | Line 15: | ||
Creates a Javascript compatible image object. | Creates a Javascript compatible image object. | ||
== | ==Version information== | ||
Library Version, Component Version, Date, Author, Info | |||
==Detailed description== | ==Detailed description== | ||
| Line 32: | Line 30: | ||
==Macro reference== | ==Macro reference== | ||
===SetSource=== | |||
{| class="mtx-class-macrotable wikitable" | |||
|- | |||
| width="10%" align="center" class="mtx-class-macrohead" | [[File:Fc9-comp-macro.png]] | |||
| width="90%" class="mtx-class-macrohead" | '''SetSource''' | |||
|- | |||
| colspan="2" | Sets the source of the image to the given URL. | |||
|- | |||
|- | |||
| width="10%" align="center" | [[File:Fc9-string-icon.png]] - STRING | |||
| width="90%" | src | |||
|- | |||
| colspan="2" | The new image URL. | |||
|- | |||
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-void-icon.png]] - VOID | |||
| width="90%" style="border-top: 2px solid #000;" | ''Return'' | |||
|} | |||
==Property reference== | ==Property reference== | ||
{| class="wikitable | {| class="mtx-class-macrotable wikitable" | ||
|- | |- | ||
| width="10%" align="center" | | width="10%" align="center" class="mtx-class-macrohead" | [[File:Fc9-prop-icon.png]] | ||
| width="90%" | | width="90%" class="mtx-class-macrohead" | '''Properties''' | ||
|- | |- | ||
|- | |||
| width="10%" align="center" class="mtx-class-propfolder" | [[File:Fc9-conn-icon.png]] | |||
| width="90%" class="mtx-class-propfolder" | Image | |||
|- | |||
|- | |||
| width="10%" align="center" | [[File:Fc9-type-12-icon.png]] | |||
| width="90%" | Location | |||
|- | |||
| colspan="2" | The location of the image (a local file or a URL) | |||
|- | |- | ||
| width="10%" align="center" | [[File:Fc9-type-13-icon.png]] | | width="10%" align="center" | [[File:Fc9-type-13-icon.png]] | ||
| width="90%" | Filename | | width="90%" | Filename | ||
|- | |- | ||
| colspan="2" | The location of | | colspan="2" | The location of a local image file | ||
|- | |- | ||
| width="10%" align="center" | [[File:Fc9-type-10-icon.png]] | | width="10%" align="center" | [[File:Fc9-type-10-icon.png]] | ||
| width="90%" | AltText | | width="90%" | AltText | ||
|- | |||
| colspan="2" | Text to display if image cannot be displayed in the browser | |||
|- | |||
| width="10%" align="center" | [[File:Fc9-type-7-icon.png]] | |||
| width="90%" | Embed File | |||
|- | |||
| colspan="2" | Set true to embed the actual image into the generated web page | |||
|- | |||
| width="10%" align="center" class="mtx-class-propfolder" | [[File:Fc9-conn-icon.png]] | |||
| width="90%" class="mtx-class-propfolder" | Alignment | |||
|- | |||
|- | |||
| width="10%" align="center" | [[File:Fc9-type-12-icon.png]] | |||
| width="90%" | Vertical Alignment | |||
|- | |||
| colspan="2" | | |||
|- | |||
| width="10%" align="center" | [[File:Fc9-type-12-icon.png]] | |||
| width="90%" | Horizontal Alignment | |||
|- | |||
| colspan="2" | | |||
|- | |||
| width="10%" align="center" | [[File:Fc9-type-7-icon.png]] | |||
| width="90%" | Lock Aspect | |||
|- | |- | ||
| colspan="2" | | | colspan="2" | | ||
|- | |- | ||
| width="10%" align="center" | | width="10%" align="center" class="mtx-class-propfolder" | [[File:Fc9-conn-icon.png]] | ||
| width="90%" | | width="90%" class="mtx-class-propfolder" | Advanced | ||
|- | |- | ||
|- | |- | ||
| Line 58: | Line 108: | ||
| width="90%" | Custom Attributes | | width="90%" | Custom Attributes | ||
|- | |- | ||
| colspan="2" | | | colspan="2" | Custom attributes added to the html <image> element | ||
|} | |} | ||
==Component Source Code== | |||
Please click here to download the component source project: [https://www.flowcode.co.uk/wiki/componentsource/FC_Comp_Source_WEBEXP_Image.fcsx FC_Comp_Source_WEBEXP_Image.fcsx] | |||
Please click here to view the component source code (Beta): [https://www.flowcode.co.uk/FlowchartView/?wfile=componentsource/FC_Comp_Source_WEBEXP_Image.fcsx FC_Comp_Source_WEBEXP_Image.fcsx] | |||
Latest revision as of 14:36, 13 July 2026
| Author | MatrixTSL |
| Version | 1.0 |
| Category | Web Primitives |
Image component
Creates a Javascript compatible image object.
Version information
Library Version, Component Version, Date, Author, Info
Detailed description
No detailed description exists yet for this component
Examples
No additional examples
Macro reference
SetSource
|
SetSource |
| Sets the source of the image to the given URL. | |
 - STRING
|
src |
| The new image URL. | |
 - VOID
|
Return |
Property reference
|
Properties |
|
Image |
|
Location |
| The location of the image (a local file or a URL) | |
|
Filename |
| The location of a local image file | |
|
AltText |
| Text to display if image cannot be displayed in the browser | |
|
Embed File |
| Set true to embed the actual image into the generated web page | |
|
|
Alignment |
|
|
Vertical Alignment |
|
|
Horizontal Alignment |
|
|
Lock Aspect |
|
|
Advanced |
|
|
Custom Attributes |
| Custom attributes added to the html <image> element | |
Component Source Code
Please click here to download the component source project: FC_Comp_Source_WEBEXP_Image.fcsx
Please click here to view the component source code (Beta): FC_Comp_Source_WEBEXP_Image.fcsx