web-widgets/packages/pluggableWidgets/image-web/src/Image.xml at 8700c98ed6c4595cce006de10195f9dfe0e1ea22 · mendix/web-widgets · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
<?xml version="1.0" encoding="utf-8" ?>
<widget id="com.mendix.widget.web.image.Image" needsEntityContext="false" offlineCapable="true" xmlns="http://www.mendix.com/widget/1.0/" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://www.mendix.com/widget/1.0/ ../../../../node_modules/mendix/custom_widget.xsd" pluginWidget="true">
    <name>Image</name>
    <description>Display an image and enlarge it on click.</description>
    <studioProCategory>Images, videos &amp; files</studioProCategory>
    <studioCategory>Images, Videos &amp; Files</studioCategory>
    <helpUrl>https://docs.mendix.com/appstore/widgets/image</helpUrl>
    <properties>
        <propertyGroup caption="General">
            <propertyGroup caption="Data source">
                <property key="datasource" type="enumeration" defaultValue="image">
                    <caption>Image type</caption>
                    <description />
                    <enumerationValues>
                        <enumerationValue key="image">Image</enumerationValue>
                        <enumerationValue key="imageUrl">Image URL</enumerationValue>
                        <enumerationValue key="icon">Icon</enumerationValue>
                    </enumerationValues>
                </property>
                <property key="imageObject" type="image" required="false">
                    <caption>Image source</caption>
                    <description />
                </property>
                <property key="defaultImageDynamic" type="image" required="false">
                    <caption>Default image</caption>
                    <description>This is the image that is displayed if no image is uploaded.</description>
                </property>
                <property key="imageUrl" type="textTemplate" required="false">
                    <caption>Image URL</caption>
                    <description>The link of the external image.</description>
                </property>
                <property key="imageIcon" type="icon" required="false">
                    <caption>Icon</caption>
                    <description>The icon image.</description>
                </property>
                <property key="isBackgroundImage" type="boolean" defaultValue="false">
                    <caption>Background image</caption>
                    <description>Whether the image is rendered as a background. More content can be put inside, while design properties will have no effect.</description>
                </property>
                <property key="children" type="widgets" required="false">
                    <caption>Place content here</caption>
                    <description />
                </property>
            </propertyGroup>
            <propertyGroup caption="Events">
                <property key="onClickType" type="enumeration" defaultValue="action">
                    <caption>On click type</caption>
                    <description />
                    <enumerationValues>
                        <enumerationValue key="action">Action</enumerationValue>
                        <enumerationValue key="enlarge">Enlarge</enumerationValue>
                    </enumerationValues>
                </property>
                <property key="onClick" type="action" required="false">
                    <caption>On click</caption>
                    <description />
                </property>
            </propertyGroup>
            <propertyGroup caption="Accessibility">
                <property key="alternativeText" type="textTemplate" required="false">
                    <caption>Alternative text</caption>
                    <description>Alternative text of the image for accessibility purposes.</description>
                </property>
            </propertyGroup>
            <propertyGroup caption="Conditional Visibility">
                <systemProperty key="Name" />
                <systemProperty key="Visibility" />
            </propertyGroup>
        </propertyGroup>
        <propertyGroup caption="Dimensions">
            <propertyGroup caption="Dimensions">
                <property key="widthUnit" type="enumeration" defaultValue="auto">
                    <caption>Width unit</caption>
                    <description />
                    <enumerationValues>
                        <enumerationValue key="auto">Auto</enumerationValue>
                        <enumerationValue key="pixels">Pixels</enumerationValue>
                        <enumerationValue key="percentage">Percentage</enumerationValue>
                    </enumerationValues>
                </property>
                <property key="width" type="integer" defaultValue="100">
                    <caption>Width</caption>
                    <description />
                </property>
                <property key="heightUnit" type="enumeration" defaultValue="auto">
                    <caption>Height unit</caption>
                    <description>Auto will keep the aspect ratio of the image.</description>
                    <enumerationValues>
                        <enumerationValue key="auto">Auto</enumerationValue>
                        <enumerationValue key="pixels">Pixels</enumerationValue>
                        <enumerationValue key="percentage">Percentage</enumerationValue>
                        <enumerationValue key="viewport">Viewport</enumerationValue>
                    </enumerationValues>
                </property>
                <property key="height" type="integer" defaultValue="100">
                    <caption>Height</caption>
                    <description />
                </property>
                <property key="minHeightUnit" type="enumeration" defaultValue="none">
                    <caption>Minimum Height unit</caption>
                    <description />
                    <enumerationValues>
                        <enumerationValue key="none">None</enumerationValue>
                        <enumerationValue key="pixels">Pixels</enumerationValue>
                        <enumerationValue key="percentage">Percentage</enumerationValue>
                        <enumerationValue key="viewport">Viewport</enumerationValue>
                    </enumerationValues>
                </property>
                <property key="minHeight" type="integer" required="true" defaultValue="0">
                    <caption>Minimum height</caption>
                    <description />
                </property>
                <property key="maxHeightUnit" type="enumeration" defaultValue="pixels">
                    <caption>Maximum Height unit</caption>
                    <description />
                    <enumerationValues>
                        <enumerationValue key="none">None</enumerationValue>
                        <enumerationValue key="pixels">Pixels</enumerationValue>
                        <enumerationValue key="percentage">Percentage</enumerationValue>
                        <enumerationValue key="viewport">Viewport</enumerationValue>
                    </enumerationValues>
                </property>
                <property key="maxHeight" type="integer" required="true" defaultValue="250">
                    <caption>Maximum height</caption>
                    <description />
                </property>
                <property key="iconSize" type="integer" defaultValue="14">
                    <caption>Icon size</caption>
                    <description>The size of the icon in pixels.</description>
                </property>
                <property key="displayAs" type="enumeration" defaultValue="fullImage">
                    <caption>Show</caption>
                    <description />
                    <enumerationValues>
                        <enumerationValue key="fullImage">Full image</enumerationValue>
                        <enumerationValue key="thumbnail">Thumbnail</enumerationValue>
                    </enumerationValues>
                </property>
                <property key="responsive" type="boolean" defaultValue="true">
                    <caption>Responsive</caption>
                    <description>Image will never get larger than its original size. It can become smaller.</description>
                </property>
            </propertyGroup>
        </propertyGroup>
    </properties>
</widget>