https://download.osbee.org/documentation/index.php?action=history&feed=atom&title=How_to_add_pictures 2026-04-10T23:39:13Z Revision history for this page on the wiki MediaWiki 1.26.2 https://download.osbee.org/documentation/index.php?title=How_to_add_pictures&diff=1895&oldid=prev 2017-06-28T11:02:14Z

<p>‎<span dir="auto"><span class="autocomment">Path=</span></span></p> <table class='diff diff-contentalign-left'> <col class='diff-marker' /> <col class='diff-content' /> <col class='diff-marker' /> <col class='diff-content' /> <tr style='vertical-align: top;' lang='en'> <td colspan='2' style="background-color: white; color:black; text-align: center;">← Older revision</td> <td colspan='2' style="background-color: white; color:black; text-align: center;">Revision as of 11:02, 28 June 2017</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l7" >Line 7:</td> <td colspan="2" class="diff-lineno">Line 7:</td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>This images have to be stored with the corresponding theme icon subfolder within the bundle &lt;code&gt;org.eclipse.osbp.themes&lt;/code&gt; in the git repository &lt;code&gt;org.eclipse.osbp.vaadin.widgetset&lt;/code&gt;.</div></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>This images have to be stored with the corresponding theme icon subfolder within the bundle &lt;code&gt;org.eclipse.osbp.themes&lt;/code&gt; in the git repository &lt;code&gt;org.eclipse.osbp.vaadin.widgetset&lt;/code&gt;.</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td></tr> <tr><td class='diff-marker'>−</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>===Path<del class="diffchange diffchange-inline">=</del>===</div></td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>===Path===</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>&lt;code&gt;org.eclipse.osbp.vaadin.widgetset/org.eclipse.osbp.themes/VAADIN/themes/&lt;usedTheme&gt;/icon/&lt;/code&gt;</div></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>&lt;code&gt;org.eclipse.osbp.vaadin.widgetset/org.eclipse.osbp.themes/VAADIN/themes/&lt;usedTheme&gt;/icon/&lt;/code&gt;</div></td></tr> </table>

Cmollik https://download.osbee.org/documentation/index.php?title=How_to_add_pictures&diff=1894&oldid=prev 2017-06-28T10:56:08Z

<p>Created page with &quot;==Images for EnumCombobox== Using a EnumComboBox with images requires the creation and the storage of PNG-Images. The images have to be from type PNG and the name has to be...&quot;</p> <p><b>New page</b></p><div>==Images for EnumCombobox==<br /> <br /> Using a EnumComboBox with images requires the creation and the storage of PNG-Images.<br /> <br /> The images have to be from type PNG and the name has to be combined by the name of the enum class that hosts the combo box, the name of the enum literal and finally the postfix &quot;image&quot;, e.g. ''TicketResolution.OPEN.image.png''.<br /> <br /> This images have to be stored with the corresponding theme icon subfolder within the bundle &lt;code&gt;org.eclipse.osbp.themes&lt;/code&gt; in the git repository &lt;code&gt;org.eclipse.osbp.vaadin.widgetset&lt;/code&gt;.<br /> <br /> ===Path====<br /> <br /> &lt;code&gt;org.eclipse.osbp.vaadin.widgetset/org.eclipse.osbp.themes/VAADIN/themes/&lt;usedTheme&gt;/icon/&lt;/code&gt;<br /> <br /> ====Alternative Path====<br /> <br /> Alternatively you can create an own fragment bundle with the bundle &lt;code&gt;org.eclipse.osbp.themes&lt;/code&gt; as host plug-in. Important is that you also create the corresponding theme icon subfolder and uses the required image file name as mentioned above and described below.<br /> <br /> &lt;code&gt;&lt;ownThemeBundleName&gt;/VAADIN/themes/&lt;usedTheme&gt;/icon/&lt;/code&gt;<br /> <br /> ''(e.g. org.eclipse.osbp.mythemes/VAADIN/themes/osbp/icon/)''<br /> <br /> ===PNG File Name===<br /> <br /> &lt;code&gt;&lt;EnumClassName&gt;.&lt;EnumLiteral&gt;.image.png &lt;/code&gt;<br /> <br /> ''(e.g. MaritalStatus.MARRIED.image.png)''<br /> <br /> ===Creation of an own themes fragment===<br /> <br /> Using as bundle name &lt;code&gt;org.eclipse.osbp.mythemes&lt;/code&gt; and as theme &lt;code&gt;osbp&lt;/code&gt;:<br /> <br /> #Select '''File''' menu item. &lt;br&gt;&lt;br&gt;[[File:Slide_1.png|600px]]&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;<br /> #Go to '''New''' -&gt; '''Other''' .&lt;br&gt;&lt;br&gt;[[File:Slide_2.png|600px]]&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;<br /> #Select '''Plug-in Development'''.&lt;br&gt;&lt;br&gt;[[File:Slide_3.2.png|600px]]&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;<br /> #Click on Fragment Projekt.&lt;br&gt;&lt;br&gt;[[File:Slide_4.2.png|600px]]&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;<br /> #In Project name type: &lt;code&gt;org.eclipse.osbp.mythemes&lt;/code&gt;.&lt;br&gt;&lt;br&gt;[[File:Slide_5.png|600px]]&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;<br /> #Click on '''Next'''.&lt;br&gt;&lt;br&gt;[[File:Slide_6.png|600px]]&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;<br /> #Click on '''Browse'''.&lt;br&gt;&lt;br&gt;[[File:Slide_7.png|600px]]&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;<br /> #Click on '''Select a Plug-in''' text box.&lt;br&gt;&lt;br&gt;[[File:Slide_8.png|600px]]&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;<br /> #Type in &lt;code&gt;org.eclipse.osbp.th&lt;/code&gt;.&lt;br&gt;&lt;br&gt;[[File:Slide_9.png|600px]]&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;<br /> #Select &lt;code&gt;org.eclipse.osbp.themes (0.9.0.2017[...])&lt;/code&gt;.&lt;br&gt;&lt;br&gt;[[File:Slide_10.png|600px]]&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;<br /> #Click on '''OK'''.&lt;br&gt;&lt;br&gt;[[File:Slide_11.png|600px]]&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;<br /> #Click on '''Finish'''.&lt;br&gt;&lt;br&gt;[[File:Slide_12.png|600px]]&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;<br /> #Click on '''Yes'''.&lt;br&gt;&lt;br&gt;[[File:Slide_13.png|600px]]&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;<br /> #Right click on &lt;code&gt;org.eclipse.osbp.mythemes&lt;/code&gt;&lt;br&gt;&lt;br&gt;[[File:Slide_14.png|600px]]&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;<br /> #Go to '''New''' -&gt; '''Folder'''&lt;br&gt;&lt;br&gt;[[File:Slide_15.png|600px]]&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;<br /> #Type &quot;VAADIN&quot; in the '''Folder name''' text field.&lt;br&gt;&lt;br&gt;[[File:Slide_16.png|600px]]&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;<br /> #Click on '''Finish'''.&lt;br&gt;&lt;br&gt;[[File:Slide_17.png|600px]]&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;<br /> #Right click on '''VAADIN'''.&lt;br&gt;&lt;br&gt;[[File:Slide_18.png|600px]]&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;<br /> #Go to '''New''' -&gt; '''Folder'''.&lt;br&gt;&lt;br&gt;[[File:Slide_19.png|600px]]&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;<br /> #Type in &quot;themes&quot;.&lt;br&gt;&lt;br&gt;[[File:Slide_20.png|600px]]&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;<br /> #Click on '''Finish'''.&lt;br&gt;&lt;br&gt;[[File:Slide_21.png|600px]]&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;<br /> #Right click on '''themes'''.&lt;br&gt;&lt;br&gt;[[File:Slide_22.png|600px]]&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;<br /> #Go to '''New''' -&gt; '''Folder'''.&lt;br&gt;&lt;br&gt;[[File:Slide_23.png|600px]]&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;<br /> #Type in &quot;osbp&quot;.&lt;br&gt;&lt;br&gt;[[File:Slide_24.png|600px]]&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;<br /> #Click on '''Finish'''.&lt;br&gt;&lt;br&gt;[[File:Slide_25.png|600px]]&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;<br /> #Right click on '''osbp'''.&lt;br&gt;&lt;br&gt;[[File:Slide_26.png|600px]]&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;<br /> #Go to '''New''' -&gt; '''Folder'''.&lt;br&gt;&lt;br&gt;[[File:Slide_27.png|600px]]&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;<br /> #Type in &quot;icon&quot;.&lt;br&gt;&lt;br&gt;[[File:Slide_28.png|600px]]&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;<br /> #Click on '''Finish'''.&lt;br&gt;&lt;br&gt;[[File:Slide_29.png|600px]]&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;<br /> #You should end up with your screen looking similar to this.&lt;br&gt;&lt;br&gt;[[File:Slide_31.png|600px]]&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;<br /> #Click on the '''icon''' folder.&lt;br&gt;&lt;br&gt;[[File:Slide_33.png|600px]]&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;<br /> #This is what your screen should look like.&lt;br&gt;&lt;br&gt;[[File:Slide_34.png|600px]]&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;<br /> <br /> == Copyright Notice ==<br /> {{Copyright Notice}}</div>

Cmollik