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

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.

I want to validate multiple input type=text with spry validation any one hepl me?

I want to validate multiple input type=text with spry validation any one hepl me?
my code is as below plz help me
*Professional Experience Years Months

Read;
http://labs.adobe.com/technologies/spry/articles/textfield_overview/index.html
http://labs.adobe.com/technologies/spry/widgets/textfieldvalidation/SpryValidationTextFiel d.html
and check out the samples:
http://labs.adobe.com/technologies/spry/samples/

Text field spry validation over 2 table cells?

Hello,
This might be a real simple thing, but I can't figure it out. Can anyone please help?
I'm using DW CS3 and I'm building a contact form. I'm using DW's Spry validation for my text field. It's an email field. I'd like to put the label in one table cell and the input box in the adjacent cell. But I can't figure out how. I'm using the attach label using 'for' attribute.
Here is how DW writes the code:
               <tr>
                    <td>
                         <span id="sprytextfield5">
                         <label for="email">Email</label>
                         <input type="text" name="emaill" id="emaill" />
                         <span class="textfieldInvalidFormatMsg">Invalid format.</span></span>
                    </td>
                </tr>
As you can see, it's all in one cell.
I've tried massaging the code every which way but then the widget doesn't work.
Please help!
Thank you in advance!
Claudia

Hello,
This might be a real simple thing, but I can't figure it out. Can anyone please help?
I'm using DW CS3 and I'm building a contact form. I'm using DW's Spry validation for my text field. It's an email field. I'd like to put the label in one table cell and the input box in the adjacent cell. But I can't figure out how. I'm using the attach label using 'for' attribute.
Here is how DW writes the code:
               <tr>
                    <td>
                         <span id="sprytextfield5">
                         <label for="email">Email</label>
                         <input type="text" name="emaill" id="emaill" />
                         <span class="textfieldInvalidFormatMsg">Invalid format.</span></span>
                    </td>
                </tr>
As you can see, it's all in one cell.
I've tried massaging the code every which way but then the widget doesn't work.
Please help!
Thank you in advance!
Claudia

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

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.

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.

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.

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.

How can I display an icon, instead of text string, as a validation prompt?

My validate method inside my custom validator is like this:
public void validate(FacesContext context, UIComponent component, Object value) {
Pattern datePattern = Pattern.compile("(\\d{2})/(\\d{2})/(\\d{4})");
Matcher dateMatcher = datePattern.matcher((String)value);
if(!dateMatcher.find()){
    ((UIInput)component).setValid(false);
    FacesMessage message = new FacesMessage();
    String msg = "[" + value + "] invalid date";
    message.setDetail(msg);
    context.addMessage(component.getClientId(context), message);
    FacesMessage facesMsg = new FacesMessage(FacesMessage.SEVERITY_FATAL, "xx", "msg");
    throw new ValidatorException(facesMsg);
}My JSP has this:
<h:inputText id="test" value="#{projecthandler.test}">
<f:validator validatorId="DateValidator" />
</h:inputText>
<h:message id="testErrorMessage" for="test"/>The <h:message> tag will kick in if the user has invalid data in the <h:inputText> field and clicks submit.
When the page is regenerated, the user will see a text string reflecting what the issue is.
However, instead of this, I would like to display an icon consisting of a red circle with an exclamation point.
The user is supposed to click on the icon if they want more information. By clicking on the icon,
the user will see a message box, with a description of the error.
This is our standard for applications. I'm trying to put together a demo showing how an existing application
would work in JSF, so I won't be able to talk others into using JSF, unless I can get the validation to display an
icon instead of text.
Edited by: Kazan on Mar 18, 2009 9:31 AM
Edited by: Kazan on Mar 18, 2009 9:33 AM
Edited by: Kazan on Mar 18, 2009 9:36 AM

OK, I noticed a bug in my validate method. This is updated to fix the bug, and to include the recomendation about background-image:
public void validate(FacesContext context, UIComponent component, Object value) {
    System.out.println("DateValidator.test.1");
    Pattern datePattern = Pattern.compile("(\\d{2})/(\\d{2})/(\\d{4})");
    Matcher dateMatcher = datePattern.matcher((String)value);
    System.out.println("DateValidator.test.1");
    if(!dateMatcher.find()){
      ((UIInput)component).setValid(false);
      FacesMessage message = new FacesMessage();
      String msg = "<span style='background-image: url(/error.gif)'/>";
      message.setDetail(msg);
      message.setSeverity(FacesMessage.SEVERITY_FATAL);
      context.addMessage(component.getClientId(context), message);
      throw new ValidatorException(message);
}When I run this, the litteral string of "<span style='background-image: url(/error.gif)'/>" is printed as the message. It does not interpret this as a span tag with an image url.
Can someone tell me what's going on?

Spry Validation - using a valid state image

Hello,
I have been looking through Adobe labs and spry documentation but I cant seem to find a way to use an image as an indication of the valid state of a form. I have seen disscussions on this forum about using adobes labs sample. I have looked at adobe labs sample and the source code but for some reason the spry css look's different to mine. I dont seem to has a "validmsg" class style.
I would be grateful if someone could walk me through the process of using images instead of the default color change of the input boxes on validation.

If you wish to use an image then the first step is to create the image you wish to show.
Once this is done, create your required fields validation as per the spry documentation (also included in the CS4 documentation).
Then after each input field where you wish your image to show (when valid), insert the following line -
<img src="link to your image" title="valid" alt="valid" class="validMsg" border="0"/>
Don't worry about the css, as spry does this for you.
HTH

Spry validation textfield errors are appearing as regular text

I am trying to create a simple email contact form using two spry validation text fields and one spry validation textarea. I inserted a spry validation text field called "Name", and then a second below it called "email" and then a spry validation textarea called "message" I gave the email field an email validation to come on at Blur, and a textarea character count validation of no more than 400 characters. The problem is that the error messages are appearing as soon as the page is loaded, they are bypassing their initial states. They say: "A value is required.Invalid format." and "A value is required.Exceeded maximum number of characters."

I build a sample a while ago that shows you how to generate and destroy validations on the fly.
http://www.spry-it.com/examples/spry-widget-validation-generation-and-destroy/
Check out the source for how its done.

Spry validation text field across two columns in a table?

I have a table with two columns. I can easily insert a spry validated text field into the left cell but when I drag the box over so that box is in the right column and the label is still in the left column then that breaks the widget.
Is this even possible for me to do or do I have to put the widget in just one column?

Think I figured it out.
http://www.adobe.com/devnet/dreamweaver/articles/spry_form_validations.html

Image instead of text in Spry validation?

Similar Messages

Maybe you are looking for