HTML Button use an image instead of Text

I have an HTML button in its own region called A_BUTTON, its current Button display attributes are
sytle: HTML Button
Attributes: name="A" class="where_clause_button"
what it does is i use a dynamic action based off the where_clause_button jquery selector and use javascript to update a hidden field. I would now like to use the Oracle Logo for example as the image of the button instead of using a text label for it. I tried adding to the Attributes src="http://www.oracleimg.com/admin/images/ocom/hp/oralogo_small.gif". When i run it the button still works the same as before but without the image and retains its Text Label, in this case its A.
the html it generates is for the button during runtime is:
<input type="button" src="http://www.oracleimg.com/admin/images/ocom/hp/oralogo_small.gif" class="where_clause_button" name="A" onclick="apex.submit('');" id="A_BUTTON" value="A">
How do i retain the functionality of this button but make it an image button?
Edited by: Brobot on Feb 9, 2011 5:22 PM

<li>Use a template based button and customize the template with the image.
<li>Add appropriate JS code to the URL section(prefixing with "javascript:" ) and optionally add a some ID attribute for easy JS access.

Similar Messages

How can I make the tab image instead of text.

Hi guys,
How can I make a tab displayed as image instead of text?
Best Wishes,
Fateh

Thanks Jari,
I use Apex 4.0.2 and the theme is Builder Blue 2. When I click edit tab, I get "Tab Label" that is required field and a region called "images". As I got from you, I cannot utilize images in my case.
Regards,
Fateh

Helvetica Light Appears As An Image Instead Of Text

Earlier i was using "Helvetica" on my Adobe Muse website that i am designing. I had to change it from "Helvetica" to "Helvetica Light" and the text started to show as an image instead of text. I mean it does not remain text anymore and when i export the site it shows as a png file. Although i can still edit the text of course.
I have seen a question on the forum (HERE) that explains what is happening but there is no explanation how to correct it. I really want to use Helvetica Light instead of normal Helvetica. Can any one tell me how to keep it as a text instead of a png file?
Thanks!

Not all visitors to your website will have Helvetica Light installed on their computer, so the only way for Muse to give that exact look is to turn the text into an image.
If you want the text to stay live text and not become an image, you have to limit yourself to the fonts in the 'web safe' or 'web fonts' categories. If you use a system font, Muse will rasterize the text to give you the exact appearance you desire.

Using many images in a "Text element"

Hi,
I'd like your advices and tips about how using multiples images in a Text element. In fact, i'm not completely satisfied with the default Rich Text Editor because when you when to use an image you have to know in advance the url of it...
I tried to use FCK editor but there is no link between the images uploaded and the portal elements. So it's really hard to maintain.
Can you explain me how your webmasters include multiples images in a text element ? In my dreams, i wish i had a button which will display all elements of type "Image" (which can be located in a single page)
Thanks in advance
Max.

Hi,
I'd like your advices and tips about how using multiples images in a Text element. In fact, i'm not completely satisfied with the default Rich Text Editor because when you when to use an image you have to know in advance the url of it...
I tried to use FCK editor but there is no link between the images uploaded and the portal elements. So it's really hard to maintain.
Can you explain me how your webmasters include multiples images in a text element ? In my dreams, i wish i had a button which will display all elements of type "Image" (which can be located in a single page)
Thanks in advance
Max.

How to use an image instead of Browse Button in messageFileUpload item

Hi,
I have sessageFileUpload item in my OA Page to upload files. How can I show my custom image instead of a Browse button that is placed by default. I don't want to show the browse button instead want to use my custom image.
Thanks

This is a framework object, you can't change that.
--Shiv

Hide an HTML button using javascript

Hi,
I need to hide an html buttton using javascript. I have an radio button with values "YES" and "NO". If is select NO then i need hide the button without refreshing the page. Can anyone suggest me how to hide an button using javascript.
Thanks
Prashanth

Prashanth,
The exact solution will vary based on a few factors. The basic idea is to place an event handler on the radio button item that calls a function to hide/show the button. You might also want to call that function when the page loads too.
If you put an example page on apex.oracle.com and provide the workspace/username/password I'll take a look. You can create a new account for this purpose.
Regards,
Dan
Blog: http://DanielMcGhan.us/
Work: http://SkillBuilders.com/

How do i place image instead of text in swing button ?

Hi
I need to place image in place of text in button i.e in place of button name i need to display image.
Please tell me how to do this.......

You'll need to use CSS floats.
.floatLt {
float:left;
width:auto;
HTML:
<div class="floatLt">
YOUR LOGO IMG HERE
</div>
<ul id="MenuBar1" class="MenuBarHorizontal floatLt">
YOUR MENU GOES HERE
</ul>
Coding skills are essential to using DW. Learn HTML & CSS first. DW will be much easier.
HTML, CSS & Web Design Theory Tutorials -
http://w3schools.com/
http://www.csstutorial.net/
http://phrogz.net/css/HowToDevelopWithCSS.html
http://webdesign.tutsplus.com/sessions/web-design-theory/
Nancy O.

Custom spry type menu using images instead of text

Hi.
Before I ask my question properly, I just want to put it out there that I have created my almost finished (apart from this part) website pretty much cometely in design view. I am very very limited with HTML and have zero scripting experience.
I'm looking for a step by step guide to the solution/s if anyone can be so kind as to help.
My website uses a non standard font throughout so my headings are all .png files including the menu bar navigation.
I would like one of my menu buttons to continue to switch to a different image as the others do (it simply changes colour) but also drop down a further two clickable images in the spry style.
Is it possible to create a rollover image that has further hotline regions or clickable images as part of it?
If not, can you create a spry menu with no text, just background images?
Alternatively, is there another way to achieve what I'm looking for.
Thank you very much.

Use a background image, keep the original label (e.g. Home) for accessibility (screen readers, search engines etc), but hide the labels by placing them in a span and giving the span a left margin of -1000em. Also give the item an identifying class (home),as per
<li><a class="MenuBarItemSubmenu home" href="#"><span>Home</span></a>
and the CSS
ul.MenuBarHorizontal a span {margin-left: -1000em;}
ul.MenuBarHorizontal a.home {
background: url(home_bg.png);
Give the hover and focus a background image of choice.
Gramps

Check box or radio button to control image opacity and text field. javascript

This is a little over head and skill set so I am reaching out to you fine people.
I am using Adobe acrobat pro x
I have radio buttons now but I can switch to check box if needed.
What I need the Java script to do is...
If Yes is checked then a text field labeled comments appears and an image labeled box changes the opacity to 100%.
If No is checked then it does the opposite. Text field disappears and image goes to 0% opacity.

This is the Adobe Reader forum. You are more likely to receive a helpful answer if you ask in the appropriate Acrobat forum (e.g. Acrobat SDK).

Creating a rollover effect type button using an image? (Captivate 7)

What I would like to do is create something so that when you hover or roll over a specific area, it shows an image (it will appear right under where your mouse pointer is). When you move your mouse away, the image goes away. And if you click on the image when it appears (since it will be right under your mouse), it takes you to another slide, or runs an advanced action.
If I use a rollover slidelet, I move the slidelet piece off-stage because I don't want to use that- I just keep the slidelet area and put there where I want it. I then set the image I want as not visible in output, and set it so that rolling over the slidelet area "shows" this image. The problem with this of course is that when you mouse off, the image is still there. Without creating a custom button with different states, is doing something like this possible?
To clarify a little more, I have an image of a menu created. The menu is a list of text items you can click, listed vertically, like:
-Learn to log in
-Learn to check your grades
-Learn to send a message
and so on.
I have an image of each line of text changed to a different color, with an arrow next to it. So, I want to set it so when you hover over "Learn to log in," it turns blue with an arrow next to it. This effect goes away when you move your mouse off. And when you click it, it takes you to a specific slide.
What is the best way to achieve this?

Ah I forgot about this. I used to do that, but I had some issues at some point with the order of the items. Some of them were linked to advanced actions, and depending on what layer was on top, it was not playing correctly with what was underneath. But this is working perfectly for what I need. Thank you!

PDF created with text as image instead of text

Acro Pro 9.3.2 on Win 7 Pro 64-bit using OpenOffice.org 3.2.0, Impress.
When I create a PDF from a presentation document using the referenced, the text is rendered as an image (which I don't want). I've gone through the settings several times and can't find something which is probably painfully obvious. Oddly enough, if I use OpenOffice.org's Export as PDF feature, the PDF comes through exactly as I'd expect it to, with the text generated as text.
Would anyone know what setting(s) I've overlooked so I can change the behavior in Acro Pro? Thanks.

Bill, thank you for putting so much time into this. As you can see from my other responses, the problem may well be limited just to the one doc in question so it's not worth any more of anyone's time. If nothing else, I feel less embarrassed knowing I (apparently) didn't overlook something obvious. I probably shouldn't write that, should I?
In case it's of interest, I tried unchecking the "rely on sys fonts only" option and that didn't change anything.
OO 3.2 is a significantly better product than 2.4 btw. I realize you didn't say anything negative about it. I just wanted to drop that in.
Again, thank you for working on this.

Image instead of text in Spry validation?

Hi,
I have 2 questions concerning Spry implementation:
1. Instead of a long winded error text message in a textfield validation I just want to put a little image ( a picture tells a thousand words, they say!), like an "X" or in case the entry is valid, "Tick- or Check-mark". Is this possible?
2. I want to "Enforce" a certain "Format" for a "Date of Birth" entry which had to be numeric, "Year | Month | Day ". Somehow, both these options are grayed out in the textfield validation dialogue. Is this possible?
Thank you in advance..
zabberwan

Hi Gramps,
Sorry for this late response. I tried the method you pointed to, but it did not work properly, but I got to doing what I wanted to by changing the .css for the classes and also making a new class in the SpryValidationTextField.css etc.and then applying it in the source code among the span tags.
I have a new question, but will post it separately.
zabberwan

Report header with images instead of text - sort is screwed up

Hi all,
I have a package which returns a given text in from of an image file - I adjusted my template to use the package etc. So far so good - no problems. Only if I enable the sorting for the columns I get a screwed up result !
My Column Heading Template is
<th class="t18ReportHeader" #ALIGNMENT# valign="Bottom" id="#COLUMN_HEADER_NAME#">
<img src="IMAGE.GET?p_text=#COLUMN_HEADER#&p_attribute=BG:EFEFEF:FC:000000:ANGLE:70">
</th>
With sorting enabled this shows up as:
<th class="t18ReportHeader" align="left" valign="Bottom" id="PERSON_ID">
<img src="IMAGE.GET?p_text= *<a href="javascript:$a_report('2152526465901175',false,false,false,'fsp_sort_1_desc')" title="Sort by this column">* Employee Name *</a><img src="/i/arrow_up_gray_dark.gif" width="13" height="12" alt="" alt="Sort by this column" />* &p_attribute=BG:EFEFEF:FC:000000:ANGLE:70">
</th>
As you can see the procedure IMAGE.GET?p_text= is not called with the right parameter (should be "IMAGE.GET?p_text=Text&p_attribute=...")
I also looked into the possibility to use PL/SQL heading and return the <IMG ...> code myself - but where would I store/manage the descriptions ? (Also this would break my Export functions)
My question is: are there any other substitution variables available to define the header text- and maybe the sort ? Or has anybody else any other idea ?
Thanks a lot
Thomas

Hi,
That is an interesting problem... The easiest option I see is to remove the img tag from the template and add it to the column header itself (in the report definition). For instance, put this in the column header:
<img src="IMAGE.GET?p_text=Employee Name&p_attribute=BG:EFEFEF:FC:000000:ANGLE:70"/>
I think this would work for sorting, but probably not for CSV export. What you could do for the CSV export would be create copies of all columns, set the column titles to plain text, and set the conditional display of them based on CSV output or not. A bit of pain but would be bearable if not too many columns...
I hope this helps...
Luis

OS X 10.7 After the last update (october 2013). How can I 'browse history' by images instead of text?

After the last os x 10.7 update: how to view 'browse history' by image? And not only text?

That crash appears to be casued by the Facebook plug-in.
Create a new account (systempreferences -> accounts or Users & Groups on 10.7 and 10.8), make a new Library in that account, import some shots and see if the problem is repeated there. If it is, then a re-install of the app might be indicated. If it's not, then it's likely the app is okay and the problem is something in the main account.

Using an image as label in Spry Accordion Menu

I was wondering if it was possible to use an image instead of
text in the spry accordion menu. I have replaced the text that is
there with a roll-over image link however I'm unable to label it
since it uses the text as the label and therefore can't set the
default panel I want opened. Is there a way to do this? Thanks for
your help.

Stefaan Lesage wrote:
Is this possible with Pages 09 ? And can I achieve this ?
Is it possible to look at the Help or at the Pages User Guide
In the English one, page 17, we may read:
• Some graphics, such as watermarks or logos, appear on pages. These objects are called master objects. If you cannot select an object in a template, it’s probably a master object. To learn more, see “Using Master Objects (Repeated Background Images)” on page 60.
You can drag or place objects on a page, including imported graphics, movies, and sound, or objects that you create within Pages, including text boxes, charts, tables, and shapes.
You can also insert pages that have been preformatted for the template you’re using. Click Pages or Sections in the toolbar and choose a template page. The new page is added immediately after the page where you placed the insertion point.
Yvan KOENIG (from FRANCE vendredi 27 février 2009 23:01:32)

HTML Button use an image instead of Text

Similar Messages

Maybe you are looking for