Background image for XML Forms- RenderList Item

Hi Everybody,
We are working with XML Forms for creating News, and in this process the requirement is to set a background image for the form. It's working in Show Form but in RenderListItem it doesn't (as mnetioned by SAP in the documentation).
Is there a work around for acheiving this?.
Helpful answers will be rewarded with points.
Thanks,
Vasu.

Hi vasu,
Have u referred to the above document.......
 u can set the background image in show form of xml.u can set in also that renderlistitem.
change the background image property & specify the image
u want to display with.....
It is the place where u ve to display the news....
Have u checked the path settings while creating ur News Explorer & News Browser Iviews....
check one time the path settings also.This path helps u to navigate actually to the folder u want to refer with.
Regards
Bhargava

Similar Messages

How to add different background image for submenu items???

Hi all,
I'm pretty new to web design and CSS in particular. Here's my problem...
I've got a Spry horizontal menu bar (untouched as yet), and I want to have a different background image for my submenu items than that of my menu items. From searching the internet I think that I need to apply a class to the submenu item (please correct me if I am wrong).
How would I go about doing this and how would I assign the class to just the submenu items?
Also ideally I want to have my first and last menu items to have rounded corners on one side (therefore making a rounded edge menu bar), is it possible to have a different background image for individual menu items? If so, how?
Really appreciate any help!

Thanks for the link! I've managed to sort the background issue, and it seems to be working fine!
Just one little issue left to tackle...
I want my text to be centered in my top menu items BUT aligned left in my drop down menu items. I have managed this but the text hugs the left hand side. I've tried adding a little margin to the left but that doesn't seem to affect anything???
Here's my CSS... Any ideas which class I should be targeting or why adding the margin isn't working would save my tearing the rest of my hair out! thanks! (screenshot attached).
@charset "UTF-8";
/* SpryMenuBarHorizontal.css - Revision: Spry Preview Release 1.4 */
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
LAYOUT INFORMATION: describes box model, positioning, z-order
/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
ul.MenuBarHorizontal
    margin: 0;
    padding: 0;
    list-style-type: none;
    cursor: default;
    width: auto;
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
    z-index: 1000;
/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li
    margin: 0;
    list-style-type: none;
    position: relative;
    text-align: left;
    cursor: pointer;
    width: 120px;
    float: left;
    height: 24px;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
    background-repeat: repeat-x;
    background-color: #333333;
    background-image: url(../images/navbar_bg.jpg);
    border-right-width: 1px;
    border-left-width: 1px;
    border-right-style: solid;
    border-left-style: solid;
    border-right-color: #000000;
    border-left-color: #666666;
ul.MenuBarHorizontal li li
    list-style-type: none;
    position: relative;
    text-align: left;
    cursor: pointer;
    width: auto;
    float: left;
    height: 24px;
    background-color: #333333;
    background-image: none;
    padding: 0;
    margin: 0;
    left: -1px;
ul.MenuBarHorizontal li li a
    list-style-type: none;
    position: relative;
    text-align: left;
    cursor: pointer;
    float: left;
    height: 24px;
    background-image: none;
    font-size: 12px;
    font-weight: normal;
    border: 0px 0 0;
    width: 120px;
    font-family: Geneva, Arial, Helvetica, sans-serif;
    padding: 0;
    margin: 0;
/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul
    margin: 0;
    list-style-type: none;
    font-size: 100%;
    z-index: 1020;
    cursor: default;
    width: 120px;
    position: absolute;
    left: -1000em;
    height: 24px;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
    left: auto;
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul
    position: absolute;
    height: 24px;
    width: 120px;
    margin-top: -5%;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 95%;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
    left: auto;
    top: 0;
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal li a
    display: block;
    cursor: pointer;
    text-decoration: none;
    font-style: normal;
    text-transform: capitalize;
    text-align: center;
    white-space: normal;
    padding: 0px;
    height: 24px;
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 20px;
    margin: 0px;
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarHorizontal li a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
    background-color: #000000;
    background-image: url(../images/navbar_bg_hover.jpg);
    background-repeat: repeat-x;
    line-height: 22px;
ul.MenuBarHorizontal li li a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
    background-color: #000000;
    background-image: none;
    background-repeat: repeat-x;
    width: 120px;
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenu
    background-repeat: repeat-x;
    background-position: 95% 50%;
    background-color: #333333;
    background-image: url(../images/navbar_bg.jpg);
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
    background-repeat: repeat-x;
    background-position: 95% 50%;
    background-color: #000000;
    background-image: url(../images/navbar_bg_hover.jpg);
BROWSER HACKS: the hacks below should not be changed unless you are an expert
/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe
    position: absolute;
    z-index: 1010;
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
    ul.MenuBarHorizontal li.MenuBarItemIE
    display: inline;
    f\loat: left;

Adding A Separate Background Image For Each Menu Item

I asked this in the Spry forum, and not sure I understand the answer. Plus, I should have been more specific in asking how to do it, as I'm still pretty new to this stuff. Nothing I'd found indicated it could be done, or how.
Org question -
I know you can apply a background image to the menu bar items, but is it possible to add a background image for each individual item? What I'm basically trying to keep are the effects (bevel/emboss, etc.,) that I attached to the text, when I created it in PS CS4.
Answer -
Yes you can. The widget is just normal plain html markup so you can just add other classNames or id attributes to the elements. And style the elements through those classes/ids.
Does this mean I'd have to write a new rule for each menu item? What?
Thank you.

Did an Adobe Tutorial for creating/entering a Spry Menu Bar. This is the HTML, after I took out the submenus.
<ul id="MenuBar1" class="MenuBarHorizontal">
 <li><a href="news.html">Features</a></li>
 <li><a href="news.html">News</a></li>
 <li><a href="news.html">Fashion</a></li>
 <li><a href="news.html">Lifestyle</a></li>
 <li><a href="news.html">Calendar</a></li>
 </ul>
This is from the SpryMenuBarHorizontal.css (It seems like I need to make changes in the Design Info section of this code. But nothing I've tried has worked):
/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
ul.MenuBarHorizontal
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
cursor: default;
width: auto;
text-transform: uppercase;
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
z-index: 1000;
/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
position: relative;
text-align: left;
cursor: pointer;
width: 7em;
float: left;
/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
z-index: 1020;
cursor: default;
width: 8.2em;
position: absolute;
left: -1000em;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
left: auto;
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li
width: 8.2em;
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul
position: absolute;
margin: -5% 0 0 95%;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
left: auto;
top: 0;
DESIGN INFORMATION: describes color scheme, borders, fonts
/* Submenu containers have borders on all sides */
ul.MenuBarHorizontal ul
border: 1px solid #CCC;
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
display: block;
cursor: pointer;
background-color: #EEE;
color: #333;
text-decoration: none;
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
background-color: #33C;
color: #FFF;
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
background-color: #33C;
color: #FFF;
SUBMENU INDICATION: styles if there is a submenu under a given menu item
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenu
background-image: url(SpryMenuBarDown.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
background-image: url(SpryMenuBarRight.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
background-image: url(SpryMenuBarDownHover.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
background-image: url(SpryMenuBarRightHover.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
BROWSER HACKS: the hacks below should not be changed unless you are an expert
/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe
position: absolute;
z-index: 1010;
filter:alpha(opacity:0.1);
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
ul.MenuBarHorizontal li.MenuBarItemIE
display: inline;
f\loat: left;
background: #FFF;

How to create a background image for each item in a List object

Hello.
I am trying to create a background image that displays whenever a user posts something to a list. For example when a user posts text it would appear in a list. The new item in the list would contain a specific background image with the users text appearing on top of the background image. I do not want a background image for the entire list, rather each item within the list.
I am not sure how clear this is so I added an image below. When a user enters text in and clicks the "post-it" button their text would appear below with the sticky note background.
I am not sure which list type would be best for this problem or how to create insert the image, so I am open to suggestions.
Thank you for your help. Any advice or guidance will be greatly appreciated!

Hi
the easiest way would be with itemRenderer.
You have to do two things:
1. In your list declaration use a item renderer: <mx:List itemRenderer="myRenderer"/>
2. create a flex component myRenderer that will be the single item. This can be a canvas with a background image and a text field on it.
When you add a new item to the list, a new myRenderer item will be created and the data property will be passed to it. So you have to put "data" in your textField.
If you need more help try looking at Tour de Flex samples, they're pretty easy.
Andrei

Background color on XML form

Hi,
I've created a 20x20 image of the background color I want, upload it to KM, and then use that in the Background Image parameter of the XML form. (the Background Repeat Mode is set to Repeat.)
It doesn't seem to work .any idea why ?
Regards,
Hadar

Hi Hadar,
You want to set a background image for the Show form
1.Select the Show form by clicking on the root node in the tree view.
2.Enter the address of the background image into the property background-image.
You have the following options:
You can enter the URL of an image file.
You can enter the parameter %imagepath% followed by the file name.
The parameter %imagepath% references a cross-project folder for images.
To define this folder, choose &#56256;&#56518; Global Options from the XML Forms Builder, and enter the complete path to a folder in a KM repository (for example, /documents/Globalimages) into the field Global Path for Images.
3.Choose the value repeat for the property background-repeat so that the image is repeated over the entire background.
Regards,
Tamil K

Setting background image for repeating frame in .pdf report

Is it possible to set a background image for a repeating frame, and more specifically for a repeating frame rendered in .pdf?
I do not see any standard property in the navigator for images of any sort and the documentation touches only on setting background images for graphs, which is not the intent in my case. I -did- add an HTML table property background="myimage.jpg" but the report is ultimately generated in .pdf format and I was not surprised to see that the image was not rendered.
Does anyone know if setting a background image as described is even possible, and if so, how? A second but less optimum solution would be setting the image as the background for all report pages, again in .pdf.
Many thanks.

Hi Raj,
Yes you can have an image in the background. Thats possible if you are using XML forms as an iview or ivew dev in WebDynpro...
Also check this [link|regarding background color change in iview]
Regards,
Piyush
Reward points if this helps!!!

Images and XML forms and Images and scaling

Hello,
I have two questions about using images in XML forms.
1) How do I insert images into the XML form editor.
The thread HTML Editor in XML Form? (Posted: Aug 26, 2004 7:50 PM), discuss how the HTML Editor in XML forms can be extended to be able to insert images like in the KM editor.
Has anyone any practical experience with this?, as the thread is fairly old.
And is there other solutions which are more suited?
The portal is running on WAS 6.40, EP 6.0 SP11
2) Is is possible for the portal to scale images
In the portal, different users will use XML forms to publish news stories. These users will want to publish images along with the text.
In many content management systems, the system will automatically scale the images (e.g. create one thumbnail, a mid-size image and keep the full size) Can this be achieved in the portal.
The reason for this is to make sure that no one can post a very large image and to make sure each image is the same size.
I'm interested in hearing how other people, solve the issue with uploading and scaling of images used in the portal.
Kind regard,
Jørgen Ruud
Will reward SDN points.

Hi Sumit,
Just to add to what Duncan had said ... please ensure the following things as well
1. Access portal using FQDN
2. Maintain proper browser settings http://wiki.sdn.sap.com/wiki/display/EP/MSIE6BrowserSettingsforaccessingSAP+Portals
3. Please go through the forum link http://forums.sdn.sap.com/thread.jspa?threadID=1814082
Regards,
Mahesh

Custom background image for 7942 IP phones on CCM 6.1.2

All,
i am unable to create the custom background images for the Cisco 7942 IP phone, i am running a CCM version 6.1.2. I have uploaded the Image files and also the List.xml file, but when i click on custom images i dont see the image that i uploaded and it say "no selection available". And also after i uploaded the files i have restrated the TFTP services.Have attached the images and List.xml files.Please have a look @ them and let me know if i am missing something here.
Thanks,
Rohith

First off, as this is a CUCM question, you'd be better of over in the IP Telephoney forum (
https://supportforums.cisco.com/community/netpro/collaboration-voice-video/ip-telephony )
The thing that jumps out at me is the case of the filename. CUCM Runs on Linux which is case sensitive. Try matching the case.
If that doesn't help, try looking at the phone logs or Wiresharking the phone.
GTG

How can I use a JPEG file as a background image for my vi in 8.5

Im working on a vi that I plan on using as part of an alarm system. I would like to use a JPEG file of my house as a background image for the vi, or possibly to just be displayed in a window on the control panel. I have seen people use their own images before, but never looked at what this involved.
Im trying to use the "read JPEG file" vi and the "draw flattened pixmap" vi to accomplish this. The vi does run, but nothing shows on the front panel. If I try to create an indicator from the "new picture" output of the "draw flattened pixmap" vi, I get an empty white window on the front panel.
Any advice?
Thanks
Solved!
Go to Solution.

Guruthilak wrote:
the earlier vi (using the JPEG) works fine. just increase the size of the picture control
I figured this was the problem. And to the OP, I'm glad a bitmap worked, but no I didn't mean use any sort of LabVIEW programming at all. I meant open your image in Microsoft Paint, Press ctrl+A to select the whole thing. Then copy the image to the clipboard. Now select your front panel and press ctrl + v to paste it. No programming needed and the image is there. However, if you want to programmatically change it, you will need a picture control.
CLA, LabVIEW Versions 2010-2013

Background image for a Scene in JavaFX2.0

Hi all,
I am new to JavaFX2.0 and need to know how to set a background image for a scene.
Thanks in advance.

Hi,
here is simple example:
bgtest.css
.root {
    -fx-background-image: url("mybg.jpg");
}BackgroundImage.java
package playground;
import javafx.application.Application;
import javafx.scene.Scene;
import javafx.scene.control.Button;
import javafx.scene.layout.StackPane;
import javafx.stage.Stage;
public class BackgroundImage extends Application {
    StackPane root;
    Scene scene;
    Button button;
    public static void main(String[] args) {
        launch(BackgroundImage.class, args);
    @Override
    public void start(Stage stage) throws Exception {
        stage.setTitle("Custom Background Test");
        button = new Button("test");
        root = new StackPane();
        root.getStyleClass().add("root");
        root.getChildren().addAll(button);
        scene = new Scene(root, 600, 600);
        scene.getStylesheets().add(BackgroundImage.class.getResource("bgtest.css").toExternalForm());
        stage.setScene(scene);
        stage.centerOnScreen();
        stage.setVisible(true);
}

Background Image for a Page

Hi All,
How to have a background image for a Portalpage? As Portlets are on the top of page,setting image in the Portal Style does not help.
What's the wworkaround?
Thanx

I know,I can set the background image in the Page Template but in that case Portlets do not take that image as a background.Then It looks very awkward.
How to solve this? Anybody at Oracle.
Thanx

How to change background image for each individual page in a template?

I've been working for hours to try to figure out how to change the background image for each individual page in a template. I have tried making a div in the body and adding a CSS and setting a background picture. Unfortunately even after I made it editable all templated webpages changed. I tried looking at different forum results which didn't really help me out. http://forums.adobe.com/message/2670005#2670005#2670005. I've also tried embeding a CSS style on the webpage instead of the external CSS which again didn't work. I'm not sure where to go from here. Is there a good video that explains this clearly. Please help. Thanks.

Adjust inline styles to suit your needs.
<li><a tabindex="-1" href="giving/index.html" class="MenuBarItemSubmenu" style="background:none; color:#FFF; background: #000;">GIVING</a>
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

Background image for ApplicationControlBar

Hello,
Forgive my english and its accent, this is a bit urgent.
I need to set a background image for an
applicationContolBar... with css and with css only(an external css
file)
I tried a few ways but no use... is this possible?
Please help...
sharat87

"sharat87" <[email protected]> wrote in
message
news:gdphmq$aee$[email protected]..
> Hello,
> Forgive my english and its accent, this is a bit urgent.
> I need to set a background image for an
applicationContolBar... with css
> and
> with css only(an external css file)
> I tried a few ways but no use... is this possible?
Can the CSS file have embed statements?

Background image for JPanel using UI Properties

Is there any way to add background image for JPanel using UI Properties,
code is
if (property.equals("img")) {
System.out.println("call image file in css"+comp);
//set the background color for Jpanel
comp.setBackground(Color.decode("#db7093"));
here the comp is JPanel and we are setting the background color,
Is there any way to put the Background image for the JPanel ????

KrishnaveniB wrote:
Is there any way to put the Background image for the JPanel ????Override the paintComponent(...) method of JPanel.
e.g.
import javax.swing.*;
import java.awt.*;
import java.io.*;
import javax.imageio.ImageIO;
public class ImagePanel {
    public void createAndShowUI() {
        try {
            JFrame frame = new JFrame("Background Image Demo");
            final Image image = ImageIO.read(new File("/home/oje/Desktop/icons/yannix.gif"));
            JPanel panel = new JPanel() {
                protected void paintComponent(Graphics g) {
                    g.drawImage(image, 0, 0, null);
            frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
            frame.setSize(new Dimension(400, 400));
            frame.setContentPane(panel);
            frame.setLocationRelativeTo(null);
            frame.setVisible(true);
        } catch (IOException ex) {
            ex.printStackTrace();
    public static void main(String[] args) {
        SwingUtilities.invokeLater(new Runnable() {
            public void run() {
                new ImagePanel().createAndShowUI();
}

Background-image for commandToolbarButton

Hi,
I want to skin af:commandToolbarButton similar to standard skinned commandbutton.
I managed to change the background-image for the link-section, but there seems to be a other section with a background-image which is a little bit bigger than the link-section.
But I can't find how to e.g. disable this background-image when mouse is moved over the commandtoolbarbutton.
Here my CSS definition for the hover-action:
================================
af|commandToolbarButton:hover,
af|commandToolbarButton::link:hover,
af|commandToolbarButton::text:hover
background-image: none;
border : none;
============================
What's my mistake?
regards
Peter

Hi,
if you extend an existing skin then you need to use
-tr-inhibit: background-image
Here's a list of the valid CSS
af|commandToolbarButton
Style on the root element of the af:commandToolbarButton component. This style includes the .AFDefaultFont:alias style. CommandToolbarButton supports further styling with the :hover, :depressed, :selected, :disabled, :text-only and :action-disabled pseudo-classes.
af|commandToolbarButton::access-key
Style on the access key for the label of the af:commandToolbarButton component. For example, underline the access key. Includes .AFFormAccessKeyStyle:alias.
af|commandToolbarButton::link
Style on the button link on the af:commandToolbarButton component.
af|commandToolbarButton::text      Style on the button text on the af:commandToolbarButton component.
af|commandToolbarButton::dropdown-cell
Style on the cell containing the dropdown icon used for the popup button of the af:commandToolbarButton component.
af|commandToolbarButton::dropdown-icon-style
Style of the icon used for the popup button of the af:commandToolbarButton component. The icon is specified as a background-image in this key. To override the default icon, set -tr-inhibit: background-image in the dropdown-icon-style and define the override icon for the dropdown-icon.
Frank

Background image for XML Forms- RenderList Item

Similar Messages

Maybe you are looking for