Display Image over Datagrid

Hi,
I need to display an image over the Datagrid exactly centered horizontally and vertically. The Datagrid can be of different height and width at different instances. Is there a way to achieve this?
I used backgroundImage style property, however the image goes behind the datagrid content. I wish, there was a foregroundImage property which could have served my purpose.
Please suggest.
Thanks,
Uma

I would use a group and keep them seperate
remember the z index is dependent in the order you create them in mxml

Similar Messages

Display image in datagrid column

I have a datagrid with a column that displays true or false
if an item "has children" or not. How would I go about placing an
image in the column depending on the value of the column. I want to
have two different images one for false and one for true.

make your item renderer a canvas, with 2 images.
when your canvas loads, you have the 'data' of that cell. So
lets say your column's datafield is "hasimage", you can do
something like this:
<mx:Canvas xmlns:mx="
http://www.adobe.com/2006/mxml"
creationComplete="created();">
override public function set data(value:Object):void
if(value != null)
super.data = value;
public function created():void
if(data["hasimage"] == "true")
trueImg.visible = true;
else
falseImg.visible = true;
<mx:Image id="trueImg" src="image" visible="false" />
<mx:Image id="falseImg" src="image" visible="false" />
</mx:Canvas>

Displaying an Image over a Video

Hello everybody !
I have a little problem: I want to display an mx:Image over a
mx:VideoDisplay object. So, I use "myVideo.addChild(myImage);" but
it doesn't work: the image isn't displayed. I tried using
addChildAt in order to put the image at the front but it doesn't
work either.
I'm probably doing something wrong but I can't find what it
is.
I've tried the same thing with a button instead of an image
and it works.
Does anyone have an explanation ?

Yann,
I'm trying to do the same thing. Did you ever figure it out?
What I really want is to put a poster frame on the video but it is
not clear I can do that in Flex Builder

Display text and image over Video Image in applet

Hi
I am working in JMF for a video applet.
I have a doubt ,how we can display text and image over Video Image.
Is anybody know how we can draw text over Video Image,pls sent a small code how can do it in applet?.
I can do it in a frame,but it not work in a applet !
CHT

it is very much possible in a htmlb:button.
its same as how you have done it in xhtmlb:toolbarButton
working code
        <%
data image type   ref to cl_htmlb_image.
data: image_string type string.
create object image.
image->id = 'IEX'.
image->src = cl_bsp_mimes=>sap_icon( 'ICON_EXECUTE_OBJECT' ).
image->tooltip = 'Find the Link'.
clear image_string.
image_string = image->IF_BSP_BEE~RENDER_TO_STRING( page_context ).
          %>
          <htmlb:button id     = "EX"
                        text   = "<%= image_string %> Execute"
                        encode = "FALSE"
                        onClick = "EXECUTE"/>
Regards
Raja

Display an Image Over a Video

Hello,
I need to animate an image over an avi file playing. The problem is the image always is behind the file. I am using Swing for this, the JDesktopPane and the RootPane. Any help appreciated.
Thank you.

Hi,
Here is the code but it still seems not to work.
JDesktopPane layeredPane = new JDesktopPane(){
public Dimension getPreferredSize() {
return new Dimension (300,250);
public Dimension getMinimumSize() {
return new Dimension (300,250);
ImageOverlay Image overlay = new ImageOverlay(); // this is a label
overlay.setBounds(10, 100, 50 , 75);
overPanel.add(overlay);
overPanel.setOpaque(false);
overPanel.setBounds(10, 100, 50 , 75);
layeredPane.setDoubleBuffered(true);
getRootPane().setLayeredPane(layeredPane);
Manager.setHint(Manager.LIGHTWEIGHT_RENDERER, new Boolean(true));
getRootPane().getLayeredPane().add(visualComponent, new Integer(0));
getRootPane().getLayeredPane().add(overPanel, new Integer(1));
Thanks.

Displaying image from Database with php

Hello everybody,
I'm working on a website that displays videos courses and tutorials as my final project
and I'm working with "Flash builder 4" the database with mySQL and the application server with php
Basically, the goal is to display a datagrid that shows the manager of the website in column all the information stored on the "Course" table
the structure of the table is :
Course (id,img,src,title,description)
-id : primary key
-img : path to a photo of course {for example picture of JAVA}
-src : path to the playlist file {xml file}
-title : String
-description : String too
I already succeeded to display all these contents on a DataGrid, but not with the image, I couldn't display an imageon its column using the path stored on the database, I used a DataRenderer to do that, and here is my code for Renderer and the DataGrid.mxml
CourseGrid.mxml
<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600" xmlns:courseservice="services.courseservice.*">
<fx:Script>
<![CDATA[
import Renderers.CourseDeleteRenderer;
import Renderers.CourseImageRenderer;
import mx.controls.Alert;
import mx.events.FlexEvent;
protected function dataGrid_creationCompleteHandler(event:FlexEvent):void
getAllCourseResult.token = courseService.getAllCourse();
]]>
</fx:Script>
<fx:Declarations>
<s:CallResponder id="getAllCourseResult"/>
<courseservice:CourseService id="courseService" fault="Alert.show(event.fault.faultString + '\n' + event.fault.faultDetail)" showBusyCursor="true"/>

</fx:Declarations>
<mx:DataGrid x="10" y="10" id="dataGrid"
creationComplete="dataGrid_creationCompleteHandler(event)"
dataProvider="{getAllCourseResult.lastResult}"
width="100%">
<mx:columns>
<mx:DataGridColumn headerText="" dataField="img" sortable="false" itemRenderer="Renderers.CourseImageRenderer"/>
<mx:DataGridColumn headerText="id" dataField="id"/>
<mx:DataGridColumn headerText="src" dataField="src"/>
<mx:DataGridColumn headerText="title" dataField="title"/>
<mx:DataGridColumn headerText="description" dataField="description"/>
<mx:DataGridColumn headerText="Delete" itemRenderer="Renderers.CourseDeleteRenderer"/>
<mx:DataGridColumn headerText="Update" itemRenderer="Renderers.CourseUpdateRenderer"/>
</mx:columns>
</mx:DataGrid>
</s:Application>
CourseImageRenderer.mxml
<?xml version="1.0" encoding="utf-8"?>
<s:MXDataGridItemRenderer xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx"
focusEnabled="true">
<mx:Image source="{data}" width="60" height="60"/>
</s:MXDataGridItemRenderer>
Result :
Problem :
How can I access to the path of the image, I tried to write "data.img" instead of "data" as img is the name of the column in the database that stores the path but it wasn't successful.
I know that it not complete statement "data" because "data" is a reference to what the DataGrid provides of information that gets from the (CreationComplete) event.
Question :
- Can you please help me with this so I can complete displaying images by accessing to what is on the column in tha DB so I can manipulate my datas that is stored there ?
==> I still have some questions about the buttons to update and delete datas fomr the DataGrid, but, until now I need to access successfully to the photo and display it
Thank you,

Anyone that can help me with this ?
Please, try this with me, I'm asking Flex developpers this might be easy for you !
It's just question of how to access the string stored in the variable "data", when I used XML I just type the path to the repeated element like this :
XML file :
XML File
<parent>
<child>
<repeated_child></repeated_child>
<repeated_child></repeated_child>
<repeated_child></repeated_child>
</child>
</parent>
I used a Model as a reference to the xml file
and an arrayList as a container of the repeated child
I just write in the code "data.parent.repeated_child" to access the text in the "repeated_child"
and here is the code, that I implemented to generate videos from xml file to display a video play list
Video Playlist code(extract from XML file "data.xml")
<fx:Declarations>
<fx:Model id="model" source="assets/data.xml"/>
<s:ArrayList id="products" source="{model.video}"/>
</fx:Declarations>
<mx:List dataProvider="{products}" labelField="title"
change="list1_changeHandler(event,List(event.currentTarget).selectedItem)" x="103" y="77" height="350" width="198"/>
That was my goal to do that with the database.
Please help me
If you have other solution I still need it.
Thank you,

Need help adding image to datagrid column

Hi,
Can anyone tell me how to add an image to a datagrid column?
I have created a flex library project which contains a mxml component with a datagrid, an item renderer mxml component which rendered the image within the datagrid column depending on the value coming back from the database for that column and a folder 'assets' which hold all the images. When I add the library to my main project and call the mxml component with the datagrid an image place holder is visible in the datagrid column but not the image. However, if I take the image out of the library project and added to an 'assets' folder in the main project the image is displayed in the datagrid column.
It looks like, even though the images are in the flex library project and only the flex library project is trying to display the images in the datagrid, the library project is looking in the main application project folder for the image.
Does anyone know why this is happening and how to fix it?
Thanks in advance for an help,
Xander.

I have tried embedding the images in my library but it still didn't work. Also I can't embed the image as I'm using the value of the column to complete the image name, for example in my mxml item renderer component I have the added the following code
<mx:Image source="@Embed(source='assets/' + data.mycolumnvalue + '.png')" tooltip="{data.mycolumnvalue}"/>
but nothing is displayed.

How to overlay color image over a grayscale image without IMAQ?

I would like to display a color image over a grayscale image; I would like the color image look translucent. How would I do this without using IMAQ functions? I am currently displaying my grayscale image using Intensity Graph.

> I would like to display a color image over a grayscale image; I would
> like the color image look translucent. How would I do this without
> using IMAQ functions? I am currently displaying my grayscale image
> using Intensity Graph.
Transparency and overlays are really just arithmetic on the images. It
is either done by the windowing system or by you. At the moment you
can't set transparency on LV controls. You can set it on LV floating
windows on some OSes, but then you will need to have the windows lined up.
A more direct approach is to lighten or darken the color image elements
based upon whether they will display over white, black, or a shade of
gray. If the images don't have the same size pixels, this will have a
first step of resampling th
e images so they do. Then combine the pixels
using the transparency you were going to apply to the color and the
shade of gray beneath it. I'm being vague here because there are lots
of physical models for combining colors.
If I look in my paint program I see about fifteen, so this is where you
get to make a choice and decide if black behind a red pixel is black, or
dark red. It all depends on whether these are two transparent
images(acetate sheets) backlit, or is it a transparency over a
nontransmitting media like paper. Anyway, if you can be more specific
about what you want, none of this is hard, typically just scaling the
int32s, adding, and some sort of normalization.
Greg McKaskle

Overlay a still image over video.

I am editing a lot of video and have a need to lay an image over the video, like down the left column or even across the bottom.
What I am doing is editing footage of a poker game we filmed and I want to be able to display the players' hole cards like they do on TV.
Does anyone have a solution for this? I've looked and looked with no success.
Thanks for any help you can offer.

In iMovie 08, when you overlay a photo over video, it takes the whole screen. iMovie 9, which comes out later this month, should have the ability to do what you are describing.
Also, if you have QuickTime Pro, you can do this as well. QuickTime Pro is not as intuitive as iMovie so get a good book to help. One such book available from frequent forum participant [QuickTime Kirk|http://homepage.mac.com/kkirkster/book/index.html]

Brandeis U. switched to Gmail; since then I cannot display images in Firefox 3.6.13

Brandeis U. used to have its own email system (bmail), which linked to Firefox flawlessly. Brandeis switched to Gmail recently, which I do not like. After linking Firefox 3.6.13 to the Gmail, I can see my mail as text only, with urls linking to images. I found that in Gmail one has a choice of text only or images. You can chose "Always display images," but you have to do this for each site; however this does not carry over to Firefox. I have not been able to find the equivalent of "Always display images" in Firefox. Is there one? Also, after migrating to Gmail, when displaying old messages which used to show images in bmail, they now show text only.

* Websites remembering you and automatically log you in is stored in a cookie.
* You need an allow cookie exception (Tools > Options > Privacy > Cookies: Exceptions) to keep that cookie, especially for secure websites and if you let cookies expire when Firefox closes
* Make sure that you do not use [[Clear Recent History]] to clear the "Cookies" and the "Site Preferences"
Clearing "Site Preferences" clears all cookies, images, pop-up windows, software installation, and password exceptions.
* Make sure that you not run Firefox in (permanent) [[Private Browsing]] mode
* You enter Private Browsing mode if you select: Tools > Options > Privacy > History: Firefox will: "Never Remember History"
* To see all History and Cookie settings, choose: Tools > Options > Privacy, choose the setting <b>Firefox will: Use custom settings for history</b>
* Uncheck: [ ] "Automatically start Firefox in a private browsing session"

Displaying Image from ADF BC (BLOB Column) in ADF Mobile Application

I have made an ADF BC over a database. Now I want to use that ADF BC's data control in my ADF Mobile App to display image stored in a blob column in the database!
How should I got about it?
Regards,
Muhammad Zaheer

Sir,
I have exposed it through web services and I'm using the Web Service data control in my mobile application but the blob column is shown as output text in the data control. Now I don't know how to display the image from the blob column in my ADF mobile application.
Looking forward for your help.
Thank you.

How to display image using Carousel in ADF using BLOB column DB

Hello everyone ,
I tried creating a Carousel component in ADF do display an image , but it seems to be not working .
This is what i tried .
1 ) Created an empty page .
2) From data control drag and drop view object ( one of the column in DB is blob which saves the image ) as Carousel .
3 ) Drag and drop the image over Carousel component ,
Now what should be the source for the image ?? from expression builderi tried giving #{item.Image} images are not picking up .
Could you please advice .
--Keerthi

Keerthi,
You cannot display a BLOB as image as it is. You need to convert them to display in your UI.
Check out this blog on how to use a servlet to convert the blob into image and display in the page.
http://tompeez.wordpress.com/2011/12/16/jdev11-1-2-1-0-handling-imagesfiles-in-adf-part-3/
-Arun
P.S : Always mention your JDev version and the technologies used.

Photoshop CC displays images 25% smaller than other apps?

Why is Photoshop CC displaying images 25% smaller than my other applications? If I open a 72 ppi square pixel aspect image in Photoshop, I have to zoom to 125% for it to be the same size on screen as in my browser or any other image viewer. Photoshop reads the correct pixel sizes, but displays it smaller.
I design and build websites and have been using Photoshop for over 15 years and haven't noticed this until CC. If I save the images and build out the site, or even just drag the image into a browser and then overlay that browser window above the Photoshop window to see both images side by side, I can clearly see a 25% difference in size.
If I zoom in Photoshop to 125%, then the sizes match. So, the problem is when designing a website, everything looks smaller in photoshop. Then when I build it out, everything is way too big.
My browsers are definitely at 100% zoom and I can open the image in any other image viewer at 100% and the affect is the same.
Is there a setting that can be adjusted in Photoshop to correct this?

I also have the same issue. I can reporoduce exactly what Roger2012Jr mentions above.
I have Photoshop CC, Windows 8.1, screen resolution 1920 x 1080. Files look really sharp in Photoshop, but when the file is exported (for web or not) the image is blurry and about 125% the size it was in Photoshop. Also, when I bring an image from the web, tried with a random image it still looks perfectly sharp in Photoshop, just about 80% actual size. That same image exported still looks perfect in the browser, same as it was originally.
So starting from scratch with an image, there's no way to guarantee the quality when exported and quality looks really blurry. I can't use the program with any sense of confidence.
Can someone from Adobe shed any light on this?

Setting image over the checkbox of JCheckBox

hi everybody,
I m new new to the forum so dont know about any rule but I am in trouble to setting image over the check box in JCheckBox(not side of the checkbox). I just want to cover the checkbox by some icon. I just wanna know is it possible? if ya how? it will be great help to me.
thanks in advance for any kinda suggesion.

Hi sudip;
use JCheckBox(String text, Icon icon); to display icon instated of checkbox. and to differ checked & unchecked box use setSelectedIcon(Icon) on checkbox object to display some other icon whenever box is selected.

Apply Image to datagrid row

hi
i have one problem i need to apply image to selected row in
datagrid dynamically we have
"selectedcolor" but i need to apply image to selected row is
there any way please help me
client requires this effect
karthik.k

hi thanks for the reply i am posting sample code
<DataGrid id="dg_getData1" backgroundColor="0x87A3B7"
selectionColor="0xE4C38D" verticalScrollPolicy="off"
horizontalScrollPolicy="off" itemClick="getIdForPresenter()"
wordWrap="true" width="100%" verticalGridLines="false"
backgroundAlpha="0.3" headerHeight="0" fontSize="20" rowHeight="53"
dataProvider="{model.filteredCollection}" useRollOver="false"
horizontalGridLineColor="0xFFFFFF" horizontalGridLines="true">
<columns>
<DataGridColumn width="30" dataField="sessionTimes" >
<itemRenderer>
<Component>
<HBox horizontalScrollPolicy="off">
<Script>
<![CDATA[
import mx.controls.Alert;
override public function set data(value:Object):void
var s_String1:String;
var s_String2:String;
var s_String3:String;
var num:Number
super.data=value;
s_String1=sessionTimes.text;
var arr_Array:Array=s_String1.split(" /");
for(var i:int;i<arr_Array.length;i++)
s_String3=arr_Array[0]
sessionTime.text=s_String3
s_String2=arr_Array[1];
/* num=arr_Array[2]
if(num%2==0)
setStyle("backgroundColor",0x8EA9BB);
else
setStyle("backgroundColor",0x6B8FAB);
if(s_String2=="NOT RECEIVED")
sessionTime.styleName='textcolor';
else
sessionTime.styleName='textcolor1';
]]>
</Script>
<Label id="sessionTime" />
<Text id="sessionTimes" text="{data.sessionTimes}"
visible="false"/>
</HBox>
</Component></itemRenderer>
</DataGridColumn>
</DataGrid>
i am using itemrenderer i need to place an image and when
that row is clicked i need to display image for the row clicked and
when next row clicked previously clicked image should disappear and
currently clicked row should be displayed with image(every thing
dynamically)
only option i saw is "selectionColor="0xE4C38D" but i don't
know how to place image instead of "selectionColor" for button we
have style effect (upskin, downskin) where we can embed image but
in datagrid any option like that,
any idea this requirement is severe
please help me
karthik

Display Image over Datagrid

Similar Messages

Maybe you are looking for