Ui:image, h:graphicImage components

I want to know if I can bind a sessionBean image or buffered image property to a ui:image or[b] h:graphicImage component.
If this can be done, could someone show an example?
What I want to do is display a graphic component on the client side and have the graphical information updated by the server when a button is pushed.
I know this can be done, but i have not had success doing it.
My first attempt was to bind the component to an image on the server and update the image as needed.
That failed because, for some reason, I was unable to generate an image on the server.
Not sure why a server side application could not write/delete/update a file.
However, since a static file option seems to be out of the question, I was looking for an in-memory solution such as an image or buffered image.
I want to keep it as simple as possible.
By the way, I am using JavaStudioCreator2-1 as the IDE if that makes a difference.
Thanks.

That sounds good, but I'm a newbie when it comes to client-server programming and I do not understand how to make that work..
Can you point me to any practical examples that actually explain what is going on?
I've seen a couple, but they always assume that some of the steps are "intuitively obvious" and focus on generating the graphics rather than describing the actions necessary to make it work.

Similar Messages

Accessing images from shared components

I am having problem finding out images from shared components. After loading my images from my desktop to shared components folder, when i try to create an image item, and click the browse button, it pulls out my hard drive for selection. i don't know how to get the images already in shared components. i read in the help file that if i know the name of the image, then i can write it down and portal will pull it out. but what if i don't remember. do i have to go to shared components to find what it is and then come back and write it in the textbox?how to get to shared components clicking browse and selecting the image we want which is already stored in portal?
thanks
valli

There's no way to browse and select the images in shared components. You need to know the URL to the image if you want to reference it in an item.

Absent images in shared components

I can't see list of images in "Shared Components > Images", but wget http://10.20.50.77:7777/i/16admin.gif return current image from apex/image directory. Where I can see what is wrong?
APEX 3.2.1
ORACLE XE
Standalone Oracle HTTP Server (Apache2)
dads.conf:
Alias /i/ "/home/apache1/data/data/apex/images/"
httpd.conf:
Alias /i/ "/home/apache1/data/data/apex/images/"
<Directory "/home/apache1/data/data/apex/images/">
Options MultiViews
AllowOverride None
Order allow,deny
Allow from all
</Directory>
Edited by: lvccgd on 24.02.2010 1:21

Hello,
The images in Shared Components -> Images are ones you have uploaded specifically for your application (or workspace). They are unrelated (strictly speaking) to the images in the /i/ folder (which are either stored on the filesystem if you use the OHS or stored in the DB if you use the EPG etc).
Hope this helps,
John.
Blog: http://jes.blogs.shellprompt.net
Work: http://www.apex-evangelists.com
Author of Pro Application Express: http://tinyurl.com/3gu7cd
REWARDS: Please remember to mark helpful or correct posts on the forum, not just for my answers but for everyone!

Images in applet components

I'm developing an applet that contains a Swing GUI. The applet has a DesktopPane which contains several internal frames. These internal frames are meant to be instantiated and added on the fly depeding on user input, so all of thier setup code is contained in thier specific classes, which extend from JInternalFrame.
The Problem is that in the frames I want to use labels and buttons with icons. I am unable to load the images into the frames. I can open an image in the applet class using the getCodeBase method to get to the file name, but I know of no way to get the code base from within the components added to the applet.
Is there any way to load an image from a child componenet, or a way to get the codebase of the parent applet?

That did work very wel, but now I'm left with a new problem. The class getrus the URL for the code base, and it looks the same as the original from the applet. However, when I go to create an ImageIcon using this URL, and add it to a component I get no display. No error occurs, and the applet runs fine but the image doesn't display.

Embedding same images across multiple components, best practices?

Hi Guys,
Once again a great forum.
I have a fairly large dashboard application, built from many
components, from an obvious maintenance point of view this is
preferred.
To keep the look and feel the same across each component I
reuse a lot of the icons, this icons have 3 states, disabled,
normal and hot(rollover)
The mouse roll over and roll out are the same for each set of
icons. At the moment I have each component embed each icon and
repeat the functions.
This is not the optimum way to do this so I'm looking on best
practices. Should I build a separate action script package with all
the embedded images and roll over/out functions. Then import that
in to each component. But then I will embedded ALL the images in
each component. Should I embed all the images in the main container
app, then when flex sees the same image in a compoent will it not
embedded again or will it embed the images again..
In the example below 4 of the components have the same
refresh icon and roll/over states. So this code is repeated (bad
practice) in all 4. Moving to separate action-script package will
make maintenance easier, but as stated above will just one copy get
embedded for the entire app, or will 4 copies get embedded ?
[Embed(source="images/refresh_24.png")]
[Bindable]
private var refreshIcon:Class;
[Embed(source="images/refresh_24_hot.png")]
[Bindable]
private var refreshIconHot:Class;
[Embed(source="images/refresh_24_dis.png")]
[Bindable]
private var refreshIconDis:Class;
private function rollOverRefresh(event:Event):void {
if (event.target.source != refreshIconDis )
{event.target.source = refreshIconHot;}
private function rollOutRefresh(event:Event):void {
If (event.target.source != refreshIconDis )
{event.target.source = refreshIcon;}
}

Flex is able to collate those Embeds so they are only
included once IIRC.
While it may seem like bad practice to include it in each
component, it really isn't, from a code reusability standpoint. But
you could probably continue on that path and create a custom
component <mycontrols:RefreshButton> that has the the embeds
in one place for you.
You could probably also do something similar with style very
easily:
.MyButton {
overSkin="@Embed(source='../assets/orb_over_skin.gif')"
upSkin="@Embed(source='../assets/orb_up_skin.gif')"
downSkin="@Embed(source='../assets/orb_down_skin.gif')"/>
Then apply that style to your button.
You could also put the button into a single SWF file in Flash
and include it that way to reduce the number of embeds. I never
include PNG, JPG, GIF, etc files directly, always SWF as you get
better compression that way IMO. Plus I just find it gives me
greater flexibility...if I want to animate my skins in the future
(button that gleams for instance), I already have SWF's in my code
so no need to change anything out but the SWF.

Importing external images into shared components

Hi,
I need to use a UP&DOWN arrow image "GIF" files in one of my portal hierarchy component.
I could not locate these type of up&down arrow gif files in images direcftory of shared components.
However left and right arrows are available, but I need up&down arrows.
How can I import a externally created "GIF" file into images folder of shared components.
Any ideas/pointers are appreciated.
Thanks in advance,
Surya

You can add the image (store it in wwdoc_document$) and then refer to it using the /docs/??.gif method. Or , add it to a folder
and then refer to it. One piece of unsolicited advice: why don't you store it on the file system. In my experience, the image is
retrieved a lot faster, than when in the db (and you avoid the security checks that the Portal makes)
Hi,
I need to use a UP&DOWN arrow image "GIF" files in one of my portal hierarchy component.
I could not locate these type of up&down arrow gif files in images direcftory of shared components.
However left and right arrows are available, but I need up&down arrows.
How can I import a externally created "GIF" file into images folder of shared components.
Any ideas/pointers are appreciated.
Thanks in advance,
Surya

Handling images with swing components...

im making a chat program and i have used a jTextArea object as message history display. now i want that whenever :-) is included in a string it is automatically replaced by a happy smiley. i have written the following code to capture the smiley GIF intoa file...
File f = new File("c:/emoticons/yahoo/happy.gif");
BufferedImage img = ImageIO.read(f);now, as we know, jTextArea can only show plain text. so instead of JTextArea, which component should i use for message histroy to display string along with smiley.

while(!str.equals(""))
                if(str.equals(":-)")||str.equals(":)"))
                    try
                        ImageIcon ico = new ImageIcon("c:/Emoticons/Yahoo/happy.gif");
                        ClientGUI.history.insertIcon(ico);
                    catch(Exception e)
                        System.out.println("Cannot load image!");
                else
                    ClientGUI.history.setText(str);
            }hi. i tried this code. it does display the smilies but goes into an infinite loop and keeps flooding the textpane with the smiley!

Images uploaded in Shared Components not displaying

We recently installed version 4.2.1 on a new dedicated server. The entire setup went through without error.
The default images found in apex (/i/apex/builder/ etc.) are all visible. But when we upload any image through Shared Components > Images do not show on screen. An entry is available in the report on the Images page but the image itself is blank. The URL of the image is shown as : "+http://hostname:port/apex/wwv_flow_file_mgr.get_file?p_security_group_id=100000&p_flow_id=100&p_fname=Sampleimage.jpg+". The image is available in the wwv_flow_file_objects$ table and can be viewed through the BLOB_CONTENT column. But it is not visible in the front end.
Is there a solution to this issue?
Thanks,
Aniket

AniketP wrote:
We recently installed version 4.2.1 on a new dedicated server. The entire setup went through without error.
The default images found in apex (/i/apex/builder/ etc.) are all visible. But when we upload any image through Shared Components > Images do not show on screen. An entry is available in the report on the Images page but the image itself is blank. The URL of the image is shown as : "+http://hostname:port/apex/wwv_flow_file_mgr.get_file?p_security_group_id=100000&p_flow_id=100&p_fname=Sampleimage.jpg+". The image is available in the wwv_flow_file_objects$ table and can be viewed through the BLOB_CONTENT column. But it is not visible in the front end.Is the image associated with an application (No Application Associated)? If not then consider using the #APP_IMAGES# substitution istring nstead of #WORKSPACE_IMAGES#

How to capture an Image

Hypothetically...
I have an image drawn on a JPanel, say, a line running through a circle. How do I go about capturing this particular image, w/out getting other images that mau be present?
Also, is there a way for me to allow the user to selct an image by either
* - selecting it using a rectangle
* - drawing around the image (via the mouse)
and then pasting it wherever they please?
Thanks again...

weird...
For image capture from components, you can do a couple things...
java.awt.Robot.createScreenCapture() can capture whatever's on the screen within the given area.
Or you can create an image object and paint on it, either by drawing on the graphics object of the image directly, or passing the graphics object to a component to have it draw itself on the component.
BufferedImage bi = new BufferedImage(width, height, BufferedImage.TYPE_INT_ARGB);
Graphics2D g2d = bi.createGraphics();
comp.paint(g2d);
// or draw on the graphics yourself
hi i actullay new to the forum so can you please tell me first to
whom i sen't this message to.you sent it to everyone...
For video capture stuff, look up Java Media Framework.

How to retrieve image from XML file

Hi All,
I am new to XML. So any best guidance is appreciated.
The application requirement is to display image retrived from uploaded xml file in file upload section of our application. And store that image in database.
In my XML file , images & strings & numbers & booleans are there . I am able to save everything in database except images .
I am using JSF, Seam & Hibernate combination. In my Hibernate entity class i took BLOB datatype for image.
I am using following tags in my Xhtml file to display image
<s:graphicImage value="#{hibernateentitybean.picBlobtype}" height="200" width="200">
<s:transformImageSize width="200" height="200" />
<s:transformImageType contentType="image/jpeg"/>
But image is not displayed in Xhtml file
I am using org.w3c.dom.Document for retrieving node name & corresponding value in that node in XML file.
I am getting code like below for Image when i am logging all values from XML files in my bean class .
x0lGQRQAAAABAAAAAAAAAFJHAQARAAAAVwBhAHQAZQByACAAbABpAGwAaQBlAHMALgBqAHAAZwAAAP/Y/+AAEEpGSUYAAQIBAGAAYAAA/+0YLl
I want to convert this value to image. So i can convert image to bytes and store in BLOB.
Can anyone guide me ? or any other approach .
Thanks in advance for any reply.
Regards,
Naresh

Dan_Koldyr wrote:
agree, it's really odd. Just reread OP and it says:
NareshDharmiVatsal wrote:
want to convert this value to image. In any case it doesn't get worth then another single code line:
final String cdata = "x0lGQRQAAAABAAAAAAAAAFJHAQARAAAAVwBhAHQAZQByACAAbABpAGwAaQBlAHMALgBqAHAAZwAAAP/Y/+AAEEpGSUYAAQIBAGAAYAAA/+0YLl";
final sun.misc.BASE64Decoder decoder = new sun.misc.BASE64Decoder();
final byte[] data = decoder.decodeBuffer(cdata);
Blob blob = new SerialBlob(data);//or what ever other DB-specific blob implementaiton Did i answered original question? Any more comments to my first replay?I can comment on this latest code. The package sun.misc is private to Sun (Oracle now of course). It is undocumented and may change or be removed altogether in a future release. There is a good free open source Base64 decoder in the Jakarta Commons Codec library.

W510 Multi Touch Display Driver NOT installing properly on a fresh Windows 7 Professional Image.

Hello everyone, this is my first post here and I will make it as short as possible. First, thanks in advance for taking the time to read this and helping me out in any way possible.
I have a fairly new W510 machine with a crucial 256GB SSD in it. My SSD crapped out (luckily I had a back up) crucial sent me a new one and I just imaged the new drive a couple of days ago with my backup (The backup is made from the original Lenovo install). However during the imaging some Windows components were damaged for some reason (perhaps due to the previous drive crapping out). The only fix was to go ahead and use the retail windows 7 Pro DVD to "repair" the windows installation by clicking the "upgrade" button after inserting the disk. --As Microsoft suggested this to fix an existing win 7 installation. After I did that EVERYTHING worked flawlessly! I was really happy with the machine, it booted in 30 seconds and what not. However, the multi touch driver for my W510 screen will not stick ... no matter how many times I install it, as soon as I "log out" of the machine, the driver rolls back to a normal pointing device and multi touch is disabled and my on-screen keyboard vanishes. It is the weirdest thing I've ever seen. Here is exactly what I'm doing.
1 - Log into my Admin user account
2 - Install this: http://support.lenovo.com/en_US/detail.page?LegacyDocID=MIGR-74908
3 - Multi Touch works great!
4 - Logoff or Lock machine or put it to sleep.
5 - Log back in my admin user account
6 - Touch screen works but all multi touch features are now disabled (As in no pan/scroll no pinch to zoom no nothing) the touch screen simply works as a simple mouse (point and click).
7 - Install the driver again (mentioned in step 2) --Again everything works great.
8 - Repeated 3 to 7 ... Forever …
I tried completely removing the driver and re-installing it from scratch, I tried getting the raw ISD-V4 (W510's screen driver) directly from Wacom (works too) but again the minute I Logoff or lock that machine, the driver just rolls back or goes back to a normal pointing device. It is really weird that this is happening. The touch screen always worked well and I never had any problems with it. Also in device manager nothing has changed, it seems that everything is in good shape there.
My W510 specs:
- Intel Core i7 Extreme X920
- 16.0 GB DDR3 RAM (G-Skill)
- 256 GB Crucial M4 SSD
- No GOBI 2000 Card.
- Intel WiMax Installed and Enabled.
- CD-ROM Drive in UltraBay
- Cam / Fingerprint Reader / Color Sensor / Smartcard Reader / Expansion all installed
- Windows 7 Professional SP1
It seems that Windows is somehow defaulting to a different "driver" that is over-riding the multi-touch driver I download and install when I log off. Do I need to install the driver outside my user account? Or is there a method to erase the default drivers or something? I am trying to avoid re-imaging this machine from scratch using the provided Lenovo Windows Partition. I just have too much development software on it, some of which will take me forever to re-install and re-configure.
Any help is appreciated.
Thanks!
Al.
Solved!
Go to Solution.

Hi
Please update the monitor driver
http://support.lenovo.com/en_US/downloads/detail.page?DocID=DS015012
Hope This Helps
Cheers!!!

Not able to access files from Workspace Images and Static files

Hi,
We have just migrated our APEX Application from one server to another.
All the functionality is working fine except the images or files which we are uploading
in
Shared Components -> Static Files
Shared Components -> Images
We are uloading Images in Shared Components -> Images but those are not getting displayed there.
Similarly the files which we are uploaded in Shared Components -> Static Files are not accessible. If we
try to download using download icon its showing blank screen.
I am using some javascript files which i have uploaded into static files, but not able to refer them in page.
Please someone guide us how to resolve the above problem.
Thanks in advance.
Thanks & Regards
Sanjay
Edited by: user11204334 on May 25, 2010 1:35 AM
Edited by: user11204334 on May 25, 2010 3:45 AM

Hello Sanjay,
If you upload any static files such as IMAGES, FILES, or CSS you have to use the tags: #WORKSPACE_IMAGES# or #IMAGE_PREFIX# depending on your files location..
then try something like htp.p ('<img src="#IMAGE_PREFIX#fileName.gif" />');
And it should show the fileName.gif on your browser...
I am not sure if i remember correctly, you can reference files to a specific application or to the whole application, if I am not mistaken..Correct me..
Regards,
Noel Alex Makumuli,
Tanzania

Customise Theme Images

10 Duke Points
Is it possible to use custom images on the components.
For example: how can we replace the expand and collapse icons (not the icon against the node) on the Tree component to a different icon from that provided on in the Theme.
Some forumns suggests to set custom style property against the component item. That works for most situations. However I cannot see how we can overwrite the expand and collapse icons generated by the Tree control using style sheet.

Yes...using layered menus will do the trick. Look in the manual under pg. 297

Logo image is not placed in the application

dear sir,
What I did
I had gif image ias d:\image\raghu.gif
I went to shared components where i find images. I browsed and located the the above image and clicked the upload button.
I just ensured by doing second time and got message that i already have raghu.gif
I went to applicatin definition where i selected clicked image
under logo as was mentioned in forum reply i wrote /i/raghu.gif
under logo attributes i gave the value as width="300" height="50"
while i am trying to run the logo box / border appeared correctly but no image displayed just a big X mark alone displayed.
I tried various possibilities mentioned in google search and this forum members suggestion too. Everything went with vain.
help is solicited
yours
dr.s.raghunathan

under logo as was mentioned in forum reply i wrote /i/raghu.gifFor uploaded images in shared components use #WORKSPACE_IMAGES# (or #APP_IMAGES# if associated with only one application):
#WORKSPACE_IMAGES#raghu.gif/i/ contains images and other files created at installation, not images uploaded as shared components.

Cannot see an image in report column

Hi i have an sql report as
select htmldb_item.checkbox(1,a.id,DECODE(a.olokl,'Y','CHECKED',null)) aa , a.id dd1 ,
a.created_date ,
c.name ,
a.eponumia ,a.subject ,
decode(nvl(a.filename,'0'),'0','','<img src="/i/view.jpg" border="0" alt="Icon 1">file_for_dl') download ,
a.del_date,
b.id as money_e,
a.olokl oloo
from ekkremothtes a ,
HTMLDB_APPLICATION_FILES b,
kataxorites c
where b.name(+) = a.filename
and a.auth_id =c.id(+)
and when a filename
exists it shows the img and the text[b] file_for_dl in the col download.
else it shows null.
and based on that column i created a link
as
LINK TEXT : #DOWNLOAD#
TARGET URL
URL : p?n=#MONEY_E#
but the download column when a filename exists shows only the text file_for_dl and not the image
Any idea where i am doing it wrong ?
Regards Aris_dc

 1) Download image through Shared components|Images into application workspace (picture.png is the name of that picture)
 2) later reference as "#APP_IMAGES#fpicture.png"
 Example shows how 2 pics are displayed depending on STATUS field value which is part of table MyTable:
SELECT
DECODE("STATUS",
0,'<_img src="#APP_IMAGES#fb_stop.gif" />'
,1,'<_img src="#APP_IMAGES#fb_run.gif" />') "STATUS"
FROM MyTableRemove "_" before image...this is needed for correct display on WEB in Appex forum!
Here pics are shown:
 "b_stop.gif" if STATUS=0
 "fb_run.gif" if STATUS=1
Hope this helps!

Ui:image, h:graphicImage components

Similar Messages

Maybe you are looking for