How to add styles to image in XML view ?

Is it possible to add styles to Images in XML view ?
<Image alt="alternate text " src = " " />
I tried adding sytle= "align : right " but its not working. I just want to align this element in the view to the right.

Hi Micheal,
Pleas see the below code.
View:
<core:View xmlns:core="sap.ui.core" xmlns:mvc="sap.ui.core.mvc" xmlns="sap.m"
controllerName="testing.imageXml" xmlns:html="http://www.w3.org/1999/xhtml">
<Page title="Image">
<content>
<Image id="img1" alt="alttextimage" src="images/img1.jpg" />
</content>
</Page>
</core:View>
Controller:
onBeforeRendering: function() {
this.getView().byId("img1").addStyleClass("myimage");
Index.html :
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta http-equiv='Content-Type' content='text/html;charset=UTF-8'/>
<script src="resources/sap-ui-core.js"
id="sap-ui-bootstrap"
data-sap-ui-libs="sap.m,sap.ui.commons"
data-sap-ui-theme="sap_bluecrystal">
</script>
<script>
sap.ui.localResources("testing");
var app = new sap.m.App({initialPage:"idhome1"});
var page = sap.ui.view({id:"idhome1", viewName:"testing.imageXml", type:sap.ui.core.mvc.ViewType.XML});
app.addPage(page);
app.placeAt("content");
</script>
<style>
.myimage{float:right !important; width:300px; height:200px;}
</style>
</head>
<body class="sapUiBody" role="application">
<div id="content"></div>
</body>
</html>
Output :
Regards,
KK

Similar Messages

How to add processing instruction to my XML view

Hi,
How do I add the processing instruction like <?xml version="1.0" encoding="iso-8859-1"?>.
in my XML view.

The only way to do at the moment is as follows... And it's not very pretty. The SQL/XML standard is still finalizing the correct way of doing this...
set echo on
connect &1/&2@&3
create or replace view EMPLOYEES_WORKBOOK_XML of xmltype
xmlschema "excel.xsd" element "Workbook"
with object id
'EMPLOYEES_WORKBOOK_XML'
as
select
xmltype(
'<?xml version="1.0"?>' ||
xmlElement
"Workbook",
xmlAttributes
'urn:schemas-microsoft-com:office:spreadsheet' as "xmlns",
'urn:schemas-microsoft-com:office:office' as "xmlns:o",
'urn:schemas-microsoft-com:office:excel' as "xmlns:x",
'urn:schemas-microsoft-com:office:spreadsheet' as "xmlns:ss",
'http://www.w3.org/TR/REC-html40' as "xmlns:html",
'http://www.w3.org/2001/XMLSchema-instance' as "xmlns:xsi",
'excel.xsd' as "xsi:noNamespaceSchemaLocation"
xmlElement
"DocumentProperties",
xmlAttributes('urn:schemas-microsoft-com:office:office' as "xmlns"),
xmlForest
USER as "Author",
USER as "LastAuthor",
'2002-10-11T15:47:35Z' as "Created",
'Oracle Corporation' as "Company",
'10.350' as "Version"
xmlElement
"OfficeDocumentSettings",
xmlAttributes('urn:schemas-microsoft-com:office:office' as "xmlns"),
xmlElement("DownloadComponents"),
xmlElement
"LocationOfComponents",
xmlAttributes('file://' as "HRef")
xmlElement
"ExcelWorkbook",
xmlAttributes('urn:schemas-microsoft-com:office:excel' as "xmlns"),
xmlForest
'8835' as "WindowHeight",
'14220' as "WindowWidth",
'480' as "WindowTopX",
'60' as "WindowTopY",
'False' as "ProtectStructure",
'False' as "ProtectWindows"
xmlElement
"Styles",
xmlElement
"Style",
xmlAttributes('Default' as "ss:ID",'Normal' as "ss:Name"),
xmlElement("Alignment",xmlAttributes('Bottom' as "ss:Vertical")),
xmlElement("Borders"),
xmlElement("Font"),
xmlElement("Interior"),
xmlElement("NumberFormat"),
xmlElement("Protection")
xmlElement
"Style",
xmlAttributes('s21' as "ss:ID"),
xmlElement("Font",xmlAttributes('Swiss' as "x:Family",'1' as "ss:Bold"))
xmlElement
"Worksheet",
xmlAttributes('EMP' as "ss:Name"),
xmlElement
"Table",
xmlAttributes('11' as "ss:ExpandedColumnCount",'108' as "ss:ExpandedRowCount",'1' as "x:FullColumns",'1' as "x:FullRows"),
xmlElement
"Row",
xmlAttributes('s21' as "ss:StyleID"),
xmlElement("Cell", xmlElement("Data", xmlAttributes('String' as "ss:Type"), 'Employee ID')),
xmlElement("Cell", xmlElement("Data", xmlAttributes('String' as "ss:Type"), 'First Name')),
xmlElement("Cell", xmlElement("Data", xmlAttributes('String' as "ss:Type"), 'Last Name')),
xmlElement("Cell", xmlElement("Data", xmlAttributes('String' as "ss:Type"), 'Email Address' )),
xmlElement("Cell", xmlElement("Data", xmlAttributes('String' as "ss:Type"), 'Phone Number' )),
xmlElement("Cell", xmlElement("Data", xmlAttributes('String' as "ss:Type"), 'Hire Date')),
xmlElement("Cell", xmlElement("Data", xmlAttributes('String' as "ss:Type"), 'Job Title')),
xmlElement("Cell", xmlElement("Data", xmlAttributes('String' as "ss:Type"), 'Salary')),
xmlElement("Cell", xmlElement("Data", xmlAttributes('String' as "ss:Type"), 'Commission Rate')),
xmlElement("Cell", xmlElement("Data", xmlAttributes('String' as "ss:Type"), 'Manager')),
xmlElement("Cell", xmlElement("Data", xmlAttributes('String' as "ss:Type"), 'Department'))
xmlagg
xmlElement
"Row",
xmlAttributes('Default' as "ss:StyleID"),
xmlElement("Cell", xmlElement("Data", xmlAttributes('Number' as "ss:Type"), e.EMPLOYEE_ID)),
xmlElement("Cell", xmlElement("Data", xmlAttributes('String' as "ss:Type"), e.FIRST_NAME )),
xmlElement("Cell", xmlElement("Data", xmlAttributes('String' as "ss:Type"), e.LAST_NAME )),
xmlElement("Cell", xmlElement("Data", xmlAttributes('String' as "ss:Type"), e.EMAIL )),
xmlElement("Cell", xmlElement("Data", xmlAttributes('String' as "ss:Type"), e.PHONE_NUMBER )),
xmlElement("Cell", xmlElement("Data", xmlAttributes('DateTime' as "ss:Type"), to_char(to_char(e.HIRE_DATE,'YYYY-MM-DD"T00:00:00.000"')))),
xmlElement("Cell", xmlElement("Data", xmlAttributes('String' as "ss:Type"), JOB_TITLE)),
xmlElement("Cell", xmlElement("Data", xmlAttributes('Number' as "ss:Type"), e.SALARY )),
xmlElement("Cell", xmlElement("Data", xmlAttributes('Number' as "ss:Type"), e.COMMISSION_PCT)),
xmlElement("Cell", xmlElement("Data", xmlAttributes('String' as "ss:Type"), m.FIRST_NAME || ' ' || m.LAST_NAME )),
xmlElement("Cell", xmlElement("Data", xmlAttributes('String' as "ss:Type"), DEPARTMENT_NAME )) )
xmlElement
"WorksheetOptions",
xmlAttributes('urn:schemas-microsoft-com:office:excel' as "xmlns"),
xmlElement
"Print",
xmlElement("ValidPrintInfo"),
xmlElement("HorizontalResolution",96),
xmlElement("VerticalResolution",96),
xmlElement("NumberOfCopies",0)
xmlElement("Selected"),
xmlElement
"Panes",
xmlElement
"Pane",
xmlElement("Number",3),
xmlElement("ActiveRow",6),
xmlElement("ActiveCol",1)
xmlElement("ProectedObjects",'False'),
xmlElement("ProectedSecenarios",'False')
).getClobVal())
from HR.EMPLOYEES e, HR.JOBS j, HR.DEPARTMENTS d, HR.EMPLOYEES m
where e.JOB_ID = j.JOB_ID
and e.DEPARTMENT_ID = d.DEPARTMENT_ID
and e.MANAGER_ID = m.EMPLOYEE_ID
pause
create or replace trigger IGNORE_IO_OPERATIONS
instead of INSERT or UPDATE or DELETE on EMPLOYEES_WORKBOOK_XML
begin
null;
end;
show errors
pause
quit

How to add tooltip to images?

How to add tooltips to images?

OK, here is a more robust, more generic (any node) implementation.
It would be nice if I could find a way to automatically insert the tooltips in the scene, but at time of node with tooltip creation, scene doesn't exist yet... Should have a post-layout event, perhaps. Or I can do that once on the onMouseEntered event, but then I have to find a way to get the scene holding a given node. Tried to iterate on Parents, but I can't cast a Parent to a Scene?
Anyway, here is the new code:
Tooltip.fx
public class Tooltip extends CustomNode
public var text: String;
public var fill: Paint = Color.web('#EEFF00');
public var stroke: Paint = Color.GREEN;
var label: Label; // Make public to access textOverrun, textWrap, etc.?
var back: Rectangle;
override function create(): Node
    label = Label
      text: text
    back = Rectangle
      x: -2, y: -1
      width: label.width + 4
      height: label.height + 2
      fill:   fill
      stroke: stroke
    Group
      content: [ back, label ]
init
    visible = false;
    layoutInfo.managed = false;
WithTooltip.fx
public mixin class WithTooltip
/** The tooltip to display. */
public var tooltip: Tooltip;
// We display the tooltip after a while being over the node
var tooltipTL = Timeline
    keyFrames: KeyFrame
      time: 750ms
      action: function ()
//~         println("visible {%.0f tooltip.boundsInParent.minX} {%.0f tooltip.boundsInParent.minY}");
        tooltip.visible = true;
var baseMouseMoved;
var baseMouseEntered;
var baseMouseExited;
postinit
    var tooltipNode = this as Node;
    baseMouseMoved = tooltipNode.onMouseMoved;
    tooltipNode.onMouseMoved = function (evt: MouseEvent): Void
      if (not tooltip.visible)
        tooltip.translateX = evt.sceneX;
        tooltip.translateY = evt.sceneY - 20;
      baseMouseMoved(evt);
    baseMouseEntered = tooltipNode.onMouseEntered;
    tooltipNode.onMouseEntered = function (evt: MouseEvent): Void
//~       println("onMouseEntered: {%.0f evt.sceneX} {%.0f evt.sceneY}");
      tooltipTL.playFromStart();
      baseMouseEntered(evt);
    baseMouseExited = tooltipNode.onMouseExited;
    tooltipNode.onMouseExited = function (evt: MouseEvent): Void
//~       println("onMouseExited");
      tooltipTL.stop();
      tooltip.visible = false;
      baseMouseExited(evt);
SomeStage.fx
class ImageWithTooltip extends ImageView, WithTooltip
var earthTT = Tooltip { text: "Mother Earth" }
var earth = ImageWithTooltip
     image: Image { url: "{__DIR__}earth.png" }
     tooltip: earthTT;
var mapTT = Tooltip { text: "General map of France" }
var map = ImageWithTooltip
     image: Image { url: "{__DIR__}map.jpg", width: 200, preserveRatio: true }
     tooltip: mapTT;
// Put the ImageWithTooltip nodes in layout if needed, put the Tooltip nodes at the end of the scene (on top, out of any layout).

How to add SharePoint 2013 Promoted link list view web part in page programatically with Tiles view using CSOM.

How to add SharePoint 2013 Promoted link list view web part in page programatically with Tiles view using CSOM. I found that it can be
done by using XsltListViewWebPart class but how can I use this one by using shraepoint client api.
shiv

Nice, can you point me to the solution please ?
I'm trying to do this but I get an error :
Web Part Error: Cannot complete this action. Please try again. Correlation ID: blablabla
StackTrace: at Microsoft.SharePoint.SPViewCollection.EnsureViewSchema(Boolean fullBlownSchema, Boolean bNeedInitallViews) at Microsoft.SharePoint.SPList.GetView(Guid viewGuid)
All help really appreciated.

How to add a scroll bar within a view window ?I want to display x and y axis outside the scoll window and keep those axis static and move the graph within scroll area

how to add a scroll bar within a view window ?I want to display x and y axis outside the scoll window and keep those axis static and move the graph within scroll area
ananya

Hey Ananya,
I believe what you want to do is possible, but it will not be
easy. If you want to add a scroll bar that will scroll the graph
back and forth but keep the axis set, you would want to add a
horizontal or vertical scrollbar. Then you would create an event
handler for the scroll event. You would have to manually plot
different data within this scroll event. Unfortunately, there is
not really a built in way to do this with the Measurement Studio plot
control.
Thanks,
Pat P.
Software Engineer
National Instruments

How to add, JS and image files in portalapp.xml

Hi All,
I was trying to implement multiple level hover detailed navigation in iview for which I got couple of css scripts from web which include javascripts.
I placed these files in respective folders and their reference in header.jsp but when the iview is rendered in browser the reference is changing to .htm
So please help me out how to place these script / image files in PAR file and their reference in portalapp.xml & header.jsp.
Thanks in advance,
Sai Krishna.

1) The CSS file you have , save as "jsp" file and please place in the jsp folder.
suppose your jsp is header.jsp and your css file is header_style.jsp
include the css jsp - header_style.jsp in header.jsp like
<%-- an include clause for css file --%>
<%@ include file="header_style.jsp" %>
2) All your images , please place in the "images" folder.
3) To access the images use like below: in CSS file (jsp)
in header_style.jsp
yourimage: url(<%=mimeUrl%>/images/Border.gif);
in header.jsp
<%
String mimeUrl = componentRequest.getWebResourcePath();
%>
4) more info for creating the hover menu read this blog
https://www.sdn.sap.com/irj/scn/weblogs?blog=/pub/wlg/4913
Hope this will help you.

How to add a digital signature in xml publisher report

The problem is: There is a existing pick slip report.This is a xml publisher report and the data source is RDF. We have to add digital signature there. Now this signature is stored in a table with type Long Raw and format BMP. XML Publisher do not support Long Raw and BMP format. It supports BLOB and jpg format.
Could you please guide how to add this signature in the existing RDF with datatype as BLOB and format as jpg.
Please provide the steps with example.

Hi,
Have a look at this thread.
Implementing electronic signatures on an existing AP check run
Re: Implementing electronic signatures on an existing AP check run
Regards,
Hussein

HOW TO ADD TEXT TO IMAGES

how do you add text to images in Aperture?

the user can superimpose text (inc. metadata) anywhere: on the image, in the border, over both.
Learn something new every single day...
Regards
TD

How to add extra blank space in xml

I open the xml file in notepad I get this
<XXON_EXT_BANK_ACCOUNT_NAME>創名聯合會計師事務所 </XXON_EXT_BANK_ACCOUNT_NAME>
But when I open the xml file in html format the blank space is gone.
How can I add extra blank space in xml?

Hi
Why do you need the extra space for?
This difference in display that you see between your browser and notepad/notepad++
will not affect your generated report.
Bogdan

How do i load an image through XML?

Hi.
My code is below. What I am trying is to dinamically load images from xml. I attach the holder from the library, and when i try to target it and addChild to him i get an error:
var xmlLoader:URLLoader = new URLLoader();
var xmlData:XML = new XML();
xmlLoader.addEventListener(Event.COMPLETE, LoadXML);
xmlLoader.load(new URLRequest("links.xml"));
var xmlLength:int;
var iconPos:Number = 0;
function LoadXML(e:Event):void {
xmlData = new XML(e.target.data);
var xmlLength = xmlData.link.length();
for (var i=0; i<xmlLength; i++) {
var d:MovieClip = new icon();
content_mc.addChild(d);
d.name = "d"+i;
var target:DisplayObject = content_mc.getChildByName("d"+i);
var ldr:Loader = new Loader();
ldr.load(new URLRequest(xmlData.link[i].icon));
target.addChild(ldr);
How can i make this happen and load the image into it's holder?
Thank you.

Code from adobe's sample packages cut&&paste&&edit:
AS4 code:
import flash.events.IOErrorEvent;
var fotoElenco:Array;
var fotoXML:XML;
var fotoURLRequest:URLRequest=new URLRequest();
var fotoURLLoader:URLLoader=new URLLoader();
var fotoLoader:Loader=new Loader();
var fotoPosition:Number=0;
var errorMessage:TextField=new TextField();
caricaFoto();
function caricaFoto():void
    addChild(errorMessage);
    fotoURLRequest.url="gallery.xml";
    fotoURLLoader.load(fotoURLRequest);
    fotoURLLoader.addEventListener(Event.COMPLETE, showFoto);
    fotoURLLoader.addEventListener(IOErrorEvent.IO_ERROR, ioErrorEventXML);
function ioErrorEventXML(event:IOErrorEvent):void
    manageErrorMessage(true, 0);
function manageErrorMessage(val:Boolean, num:Number):void
    if(val && num==0){
        errorMessage.x=stage.stageWidth/2;
        errorMessage.y=stage.stageHeight/2;
        errorMessage.text="Errore caricamento file XML";
    if(val && num==1){
        errorMessage.x=stage.stageWidth/2;
        errorMessage.y=stage.stageHeight/2;
        errorMessage.text="Errore caricamento file IMMAGINE";
function showFoto(event:Event):void
    fwd_mc.buttonMode=true;
    back_mc.buttonMode=true;
    back_mc.addEventListener(MouseEvent.CLICK, manageFoto);
    fwd_mc.addEventListener(MouseEvent.CLICK, manageFoto);
    fotoElenco=new Array();
    fotoXML=XML(fotoURLLoader.data);
    for each(var prop:XML in fotoXML.foto)
        fotoElenco.push({url:prop.@url, didascalia:prop.@didascalia});
    viewFoto(fotoPosition);
    gallery_mc.addChild(fotoLoader);
    manageButton();
function manageButton():void
    if(fotoPosition<1){
        back_mc.visible=false;
    }else{
        back_mc.visible=true;
    if(fotoPosition>=fotoElenco.length-1){
        fwd_mc.visible=false;
    }else{
        fwd_mc.visible=true;
function manageFoto(event:MouseEvent):void
    switch(event.currentTarget)
        case fwd_mc:
            if(fotoPosition<fotoElenco.length-1)
                fotoPosition++;
        break;
        case back_mc:
            if(fotoPosition>0)
                fotoPosition--;
        break;
    viewFoto(fotoPosition);
function viewFoto(num:Number):void
    fotoLoader.load(new URLRequest(fotoElenco[num].url));
    fotoLoader.addEventListener(IOErrorEvent.IO_ERROR, ioErrorEventIMG);
    didascalia_txt.text=fotoElenco[num].didascalia;
    manageButton();
function ioErrorEventIMG(event:IOErrorEvent):void
    manageErrorMessage(true, 1);
XML code:
<?xml version="1.0" encoding="UTF-8"?>
<gallery>
    <foto url="img/immagine1.jpg" didascalia="Didascalia 1 foto"/>
    <foto url="img/immagine2.jpg" didascalia="Didascalia 2 foto"/>
    <foto url="img/immagine1.jpg" didascalia="Didascalia 1 foto"/>
    <foto url="img/immagine2.jpg" didascalia="Didascalia 2 foto"/>
</gallery>

How to add a textline to an xml structure using xslt

Hi,
I am having a requirement where i need to add a textline to an xml.
scenario: IDOC-File and output format is an xml.
Output should be like this:
&&##AOC0MB000#AD15543390#BOIFCO#Z
<?xml version="1.0" encoding="ISO-8859-1"?>
<messages>
     <batch>0800062844</batch>
     <message>
          <type>VPR</type>
          <action>A</action>
          </body>
     </message>
</messages>
The line that has been added to xml is the data that will be coming from IDOC. How can we append the textline to the xml using xslt.Will document() in xslt works for doing this?

The required format in ur scenario is not an xml format, so u should not save the file in xml format. U may write an adapter module at receiver to achieve this.
How can we append the textline to the xml using xslt
This is not possible as the output of xsl transformation is an xml file.
Regards,
Prateek

How to add audio to image sequence?

I've imported a Photoshop image sequence into FCP X 10.1.1. Dropped it on the timeline, created a compound clip. So far I can't figure out how to add audio of any kind. I've tried starting over, making sure properties had audio setting enabled. No change though. No matter what I try, no audio tab in the inspector. What am I missing?
Thanks,
Michael

Are you importing an audio file that is seperate? Otherwise it is attached to your video. in the timeline, choose expand audio & video. You can import almost any format. Import it into the same event that you are in - a song from your desktop or from your folder where you copied all your contents from your camera card or music from ITunes (in which case you use the audio tab on the far right of the timeline UNDER THE INSPECTOR).
How did you import your media?:
Help?

How to add styles to the content on the screen

Hi All
I am able to dispaly the content of a .txt file on the screen using inline frames(11g adf using content repository- file system) . But 'm able to add styles to it like displaying it in bold letters. Any help on how to add templates
Link which i followed http://download.oracle.com/docs/cd/E12839_01/webcenter.1111/e10148/jpsdg_content.htm
8.3.1 How to Add Content as an ADF Inline Frame
code
<af:inlineFrame id="inlineFrame1"
source="/content/conn/Test/path/test1/Test.txt"
inlineStyle="height:100px; color:Aqua;"
styleClass="AFStretchWidth">
</af:inlineFrame>
Thanks,
Tim.
Edited by: 831631 on Feb 16, 2011 11:00 PM

hi Tim
831631 wrote:
Yes.
• Consider a file Sample.txt file contains the text – “Hello World. Welcome”
• Display “Hello World” in bold and display “Welcome” underlinedI don't think that adding style to a plain text file (as such) will be possible, you should probably use HTML or another document format.
success
Jan

How to add two different images on photoshop cs5?

I was learning about the layers and masks and i seen that i have to have two images under each others under the layer option pannel, i tried many times to add images but it always shows in two different pannels as the folloing image I want to add two different images in this pannel to make any changes i want
Thank you.
image

When you click on that icon Photoshop will add a revail all white layer mask and it will be the Photoshop target. Begin painting with black over the image part you wish to hide. Should you paint away something you want change to white paint and paint it back. Lower the brush opacity to fade in and out the image part.
If you use ALT+Click on that icon a hide all black layer mask will be added as the current taget and hide all of the layer paint with whits to show.

How to add an index to a materialized view in Data Modeler 3.3

Hello everyone,
I'm looking for a how-to to add an index to a materialized view in Data Modeler 3.3.0.747, as I coudn't find a way to do it so far.
I looked here:
Relational Model
Physical Model
Oracle 11g
Materialized Views
"my_mv_name"
"INDEXES" IS NOT HERE IN THE TREE
"Tables" does not include it either
Thank you & Best regards,
Blama

Hi David,
thanks a lot. I did so and it worked, but I found a minor bug while doing so:
I marked the table as "Implement as Materialized View" and went to File->Export->DDL (for Oracle 11g).
The generated code (I checked all options in "Drop Selection") includes a row:
DROP MATERIALIZED VIEW mv_mymatview CASCADE CONSTRAINTS ;
which produces a syntax error.
Best regards,
Blama

How to add styles to image in XML view ?

Similar Messages

Maybe you are looking for