Different style to InputText box after validation fails in JSF 1.0

Hi, In JSF 1.0, I would like to change the style to the inputText box after validation fails. Pls kindly advise.
Thanks

You may find this article useful: [http://balusc.blogspot.com/2007/12/set-focus-in-jsf.html].
That said, if you're using JSF 1.0, you can (and should) always upgrade to at least 1.1_02. It is available at [http://javaserverfaces.dev.java.net].

Similar Messages

VPD "Lost" after validation fails

Hi,
We have a custom in house VPD. In the application security section, under VPD, we call a procedure which sets our security context client_id in order to be used to make context references within secure views.
In our page we have a simple select list which is run against a "secure" view. Once the user selects a value they hit continue to go on. A validation is put in place to make sure that a value has been selected.
If the validation fails, we go back to the page and the validation error message displays (as it should) however the select list has no values. After doing a lot of testing, references to any view that uses the VPD returns no values when a validation fails.
We've done some test and it appears that the following happens:
- On a page submit the VPD function gets called (as per the application security / vpd)
- Validations are performed
- If validation fails, run: dbms_session.clear_identifier;
- Load the page along with the appropriate error messages.
Is this correct? Is their anyway around this?
We have tried to set an application process to run before header which would run the same function as that called in the VPD section, however the process isn't run when a validation fails.
Thank you,
Martin

APEX sets client identifier to: APP_USER:APP_SESSION. CLIENT_INFO is set to just APP_USER. Try the following query from the SQL Workshop as well as a region on a page to give you a better idea of what APEX sets:select sys_context('USERENV','CURRENT_SCHEMA') CURRENT_SCHEMA,sys_context('USERENV','SESSION_USER') SESSION_USER,
sys_context('USERENV','MODULE') module,sys_context('USERENV','ACTION') action,
sys_context('USERENV','CLIENT_INFO') CLIENT_INFO, sys_context('USERENV','CLIENT_IDENTIFIER') CLIENT_IDENTIFIER
from dualI would probably include the IP Address of your HTTP Servers in the policy to make sure it's not someone connecting from SQL*Plus: sys_context('USERENV', 'IP_ADDRESS')
Tyler

Table Maintenance Generator : Editable Entry after validation fails

Hi,
I have created a Z table and a table maintenance generator to maintain the data.
I have to carry out certain validations when user enters data on Key and Non- key fields.
This is working fine, but the issue is with the key fields.
If validation fails, the table maintenance screen is displayed the date-field is grayed out (non-editable) as it is the key field of the table.
Now the user cannot change the data unlike the non-key fields were the user can modify the non-valid data and save again.
How can make the date field (Key Field) editable after entry in case the validation fail, so that the user can make the changes.
Please suggest the approach to handle the above scenario in events.
Thanks,
Keyur

Thanks Kiran for your inputs.
I have done the same thing what you have explained.
I have used a Form Routine as CIP_SAVE with Event Number as 01, since on event SAVE i need to validate whether dates are
overlapping the inputs dates or not.
Fields are :
Group ID (Key)
Start Date (Key)
End Date (Key)
Value (Non -Key)
Initial value in Table:
Group ID = 12345
Start Date = 01/01/2011
End Date = 01/31/2011
Value = 11.11
Now if i try to enter value:
Group ID = 12345
Start Date = 01/02/2011
End Date = 01/25/2011
Value = 99.99
& SAVE it... validation will fails because Start & End dates overlaps.
Hence, on Table Maintainance Screen all key fields will be in non-editable display mode, whereas non-key field will be in editable mode.
My requirement is that Start Date & End Date key fields must be Editable field.
Thanks.

Confirmation Dialog in ADF box if validation fails

Hello All,
When the user hits Go, validations are run in myClass. Some of the validations are not mandatory but I still want to confirm with the user if he/she is sure to proceed. So when the validation fails I want to dialog box asking the user "Are you sure"?
Please Help!!!!!!!!!
Thanks,

Hello All,
When the user hits Go, validations are run in myClass. Some of the validations are not mandatory but I still want to confirm with the user if he/she is sure to proceed. So when the validation fails I want to dialog box asking the user "Are you sure"?
Please Help!!!!!!!!!
Thanks,

JSF keeps displaying old values after Validation Phase fails

Hi all,
I would like to ask some help in understanding a particular behaviour that JSF shows when Validation Phase fails.
I'm using:
- Tomcat 7.0.2
- JSF 1.2_12
- RichFaces 3.3.3
Problem description.
I wrote a form with 4 input fields: an inputText and 3 selectOneMenu. The inputText is required while the selectOneMenus don't require any validation.
Attached to the first selectOneMenu (row 32), is an a4j:support tag so that, whenever the change event is fired, the list of items of the second
and the third selectOneMenu (row 44 and 58) are correctly filled (note that the mandatory of the inputText is ignored thanks to the ajaxSingle attribute).
In particular, after loading the two lists of items, the actionListener forces the value of the second and the third selectOneMenu to null.
This mechanism seems to work fine until I submit the whole form without filling the input text: as expected, JSF validation fails but if I change the value of
the first selectOneMenu again (causing a new submit), the page keeps displaying the values specified before JSF validation failed for the second and the third
selectOneMenu (note that the actionListener is still called and the values of the second and the third selectOneMenu are still forced to null).
Since I'm using a simple PhaseListener, I noticed the following: before JSF validation fails, every time I change the value of the first selectOneMenu, JSF life
cycle always calls the get method for the second and the third selectOneMenu during the Render Response Phase. In this way, JSF is able to "see" that
those values have been set to null during the Invoke Application Phase.
After validation fails, JSF stops calling those getters when I change the value of the first selectOneMenu.
I hope my explanation was clear enough, thanks a lot for your help.
Regards,
Nico
Web Page
<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
                      "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:a4j="http://richfaces.org/a4j"
      xmlns:rich="http://richfaces.org/rich">
<head>
<title>Prove Rich</title>
</head>
<body>
<h2>Prove Rich</h2>
<f:view>
<a4j:outputPanel ajaxRendered="true">
    <h:messages style="color:red" />
</a4j:outputPanel>
<h:form>
<p>
     Input required: <h:inputText value="#{provaProbReplyBean.inputRequired}" required="true" />
</p>
<p>
     <h:outputText value="Scegli il canale:" />
     <h:selectOneMenu value="#{provaProbReplyBean.canale}">
        <f:selectItem itemLabel="--" itemValue="" />
        <f:selectItem itemLabel="Profamily" itemValue="Profamily" />
        <f:selectItem itemLabel="Captive" itemValue="Captive" />
        <a4j:support event="onchange" action="#{provaProbReplyBean.caricaProcBanche}"
                              ajaxSingle="true" reRender="procedure, banche" />
     </h:selectOneMenu>
</p>
<p>
     <h:outputText value="Scegli la procedura:" />
     <h:selectOneMenu id="procedure" value="#{provaProbReplyBean.procedura}">
        <f:selectItem itemLabel="--" itemValue="" />
        <f:selectItems value="#{provaProbReplyBean.procedureList}" />
        
        <a4j:support event="onchange" ajaxSingle="true" />
     </h:selectOneMenu>
</p>
<p>
     <h:outputText value="Scegli la banca:" />
     <h:selectOneMenu id="banche" value="#{provaProbReplyBean.banca}">
        <f:selectItem itemLabel="--" itemValue="" />
        <f:selectItems value="#{provaProbReplyBean.bancheList}" />
        
        <a4j:support event="onchange" ajaxSingle="true" />
     </h:selectOneMenu>
</p>
<p><h:commandButton value="Submit" /></p>
</h:form>
</f:view>
</body>
</html>
Bean
public class ProvaProbReply {
     private String inputRequired;
     private String canale;
     private String procedura;
     private String banca;
     private Map<String, List<SelectItem>> canaliProc = new HashMap<String, List<SelectItem>>();
     private Map<String, List<SelectItem>> canaliBanche = new HashMap<String, List<SelectItem>>();
     private List<SelectItem> procedureList = new ArrayList<SelectItem>();
     private List<SelectItem> bancheList = new ArrayList<SelectItem>();
     public ProvaProbReply() {
          List<SelectItem> l = new ArrayList<SelectItem>();
          l.add(new SelectItem("Cessione del quinto"));
          l.add(new SelectItem("Credito al consumo"));
          l.add(new SelectItem("Mutui"));
          canaliProc.put("Profamily", l);
          l = new ArrayList<SelectItem>();
          l.add(new SelectItem("Credito al consumo"));
          canaliProc.put("Captive", l);
          l = new ArrayList<SelectItem>();
          canaliBanche.put("Profamily", l);
          l = new ArrayList<SelectItem>();
          l.add(new SelectItem("BDL"));
          l.add(new SelectItem("BM"));
          l.add(new SelectItem("BPM"));
          l.add(new SelectItem("CRA"));
          canaliBanche.put("Captive", l);
     public String getInputRequired() {
          return inputRequired;
     public void setInputRequired(String ir) {
          inputRequired = ir;
     public String getCanale() {
          return canale;
     public void setCanale(String c) {
          canale = c;
     public String getProcedura() {
          System.out.println("\ngetProcedura called\n");
          return procedura;
     public void setProcedura(String p) {
          procedura = p;
     public String getBanca() {
          System.out.println("\ngetBanca called\n");
          return banca;
     public void setBanca(String b) {
          banca = b;
     public List<SelectItem> getProcedureList() {
          return procedureList;
     public List<SelectItem> getBancheList() {
          return bancheList;
     public String caricaProcBanche() {
          System.out.println("\nListener called\n");
          procedureList.clear();
          bancheList.clear();
          if(canale != null && !canale.equals("")) {
               procedureList.addAll(canaliProc.get(canale));
               bancheList.addAll(canaliBanche.get(canale));
          System.out.println("BEFORE setting:\n");
          System.out.println("\nProcedura: "+procedura+"\n");
          System.out.println("Banca: "+banca+"\n");
          procedura = null;
          banca = null;
          System.out.println("\n\n\nAFTER setting:\n");
          System.out.println("\nProcedura: "+procedura+"\n");
          System.out.println("Banca: "+banca+"\n");
          return "";
}Edited by: 869000 on 28-giu-2011 14.05

I'm thinking this has to do with the fact that the UIComponents use the localValue after validation fails. This prevents the values from being overwritten when re-rendering the page, i.e. the inputs keep the value set by the user.
The solution is to manipulate the components directly during the AJAX request when the first pull down is changed. Use the binding attribute to place them into your bean and clear the value directly. That way it will not matter that the expression is not evaluated.

Why are inputText values within a dataTable tag lost when validation fails?

Hi, As a test, I have three fields outside of a dataTable tag and three fields inside a dataTable tag.
I enter data into field1, field3 and all of the fields within the dataTable. Field2 is left empty and is required. I press the 'go' button which gets to the validation phase and immediately redraws the web page and says 'value is required' which is what it should do.
What shocks me at this point is that the field values inside the datatable are lost. They are back to their original blank values.
It like even though validation fails(the model is not updated), the datatable is redrawn using the model data which is still blank. The renderer forgets that those fields within the datatable had data typed into them.
Is this a bug? and how do I get around it? I don't want to lose what was typed in.
here is my example:
<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h" %>
<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f" %>
<html>
<body>
<f:view>
<h:form>
<h:panelGrid columns="2">
<h:outputText value="field1"/><h:inputText value="#{example.field1}"/>
<h:outputText value="field2 required"/><h:inputText required="true" value="#{example.field2}"/>
<h:outputText value="field3"/><h:inputText value="#{example.field3}"/>
</h:panelGrid>
<h:panelGrid columns="1">
<h:outputText value="dataTable"/>
<h:outputText value="---------"/>
<h:dataTable value="#{example.lines}" var="line">
<h:column>
<h:inputText value="#{line.text}"/>
<f:facet name="header">
<h:outputText value="column1"/>
</f:facet>
</h:column>
</h:dataTable>
<h:commandButton value="go"/>
<h:outputText value="errors"/>
<h:outputText value="---------"/>
<h:messages showDetail="true"/>
</h:panelGrid>
</h:form>
</f:view>
</body>
</html>
package test;
import java.util.ArrayList;
public class Example {
     private String field1;
     private String field2;
     private String field3;
     private ArrayList lines = new ArrayList();
     public Example() {
          lines.add(new Line());
          lines.add(new Line());
          lines.add(new Line());
     public String getField1() {
          return field1;
     public void setField1(String field1) {
          this.field1 = field1;
     public String getField2() {
          return field2;
     public void setField2(String field2) {
          this.field2 = field2;
     public String getField3() {
          return field3;
     public void setField3(String field3) {
          this.field3 = field3;
     public ArrayList getLines() {
          return lines;
     public void setLines(ArrayList lines) {
          this.lines = lines;
package test;
public class Line {
     private String text;
     public String getText() {
          return text;
     public void setText(String text) {
          this.text = text;
<managed-bean>
<managed-bean-name>example</managed-bean-name>
<managed-bean-class>test.Example</managed-bean-class>
<managed-bean-scope>session</managed-bean-scope>
</managed-bean>

I posted about this bug a month ago and then again twice more (as recently as last week) and got zero responses. I piddled away so much time thinking I was crazy to believe this framework could have such a gaping hole in the fuselage that it was crazy. The more unsettling part too was the fact that the logging in the jsf code is so pathetic that you have no clue even with it on full that it's throwing your data away, they have unit tests in their code, including in-container tests, and they didn't have a test that turned this up? Hello? A project that has been going for this long should not have torture traps like this in it. Sorry for my negative post. To end on a positive note, I am looking forward to finding out about oracle's stuff. And Sun wonders why no one uses their stuff.
Does the Oracle JSF implementation require OAS?

My book from iPhoto failed (error box) after 2h. 25m. download process

My book from iPhoto failed (error box) after 2h. 25m. download process.
I'm afraid to start the download process again without knowing why it had an error the first time.
What should I do?

Thank for the information
Unfortunately, even if I delete iPhoto 1.1.1 from my hard rive I still receive the same error when I attempt to install 2.0, You cannot continue. There is nothing to install.
I did notice that the installation dialogue seems to be correct with the exception that I am not prompted to type in an administrative password (although I am currently logged in as an administrator).
Is there something I am missing?

Reset Item After Regular Expression Validation Fails

Apex 4.2
I have a page item (P1_MYITEM) that should only hold alpha charaters, so I have created an item regular expression validation
using
^[a-zA-Z]+$
This works well, but now I want to reset my item (P1_MYITEM) to null
if the validation fails.
Tried using a page process, but they do not run if the validation fails.
Any ideas ?
Gus

Got it working using
Begin
if not regexp_like (:P1_MYITEM, '^[a-zA-Z]+$')
    then
      APEX_UTIL.SET_SESSION_STATE('P1_MYITEM',NULL);
      return 'Country must be text characters only.';
end if;
End;

Report shows "No data found" when validation fails

Hi folks,
I'm new to the OTN and have a short question regarding validations/report pagination.
We are using Apex 4.0.2.00.07.
I have a page containing a report with three columns.
First column is a checkbox (f30), the second one a date picker and the third one is a value field (f34).
I'm trying to build a validation for the value field (should only allow numeric values, but is varchar2) and used a validation with "Function Returning Boolean".
The PL/SQL code is:
DECLARE
vrow BINARY_INTEGER;
v_number FLOAT:=0;
BEGIN
FOR i IN 1 .. APEX_APPLICATION.g_f30.COUNT
LOOP
BEGIN
vrow := APEX_APPLICATION.g_f30 (i);
v_number := to_number(APEX_APPLICATION.g_f34(vrow));
RETURN TRUE;
EXCEPTION
WHEN OTHERS THEN
RETURN FALSE;
END;
END LOOP;
END;
The validation works fine, but every time I enter a non numeric value and the validation fails (error message is displayed correctly as notification) I get a "report error: ORA-01403: no data found" in the pagination area of the report.
Tried to disable pagination completely, but the error still displays when the validation fails.
Any help would be appreciated.
Thanks in advance and regards
Sandro

Content of the checkboxes is ok, debugging showed
1:7
2:8
(records 7 and 8 where ticked)
Debugging console also shows:
     0.10900     0.00000     Processing point: Before Box Body
     0.10900     0.00000     Region: Shareclassinformation
     0.10900     0.00000     Item: P59_IS
     0.10900     0.00000     Item: P59_NA
     0.10900     0.00000     Item: P59_CO
     0.10900     0.00000     Region: Attribute Selection
     0.10900     0.00000     Item: P59_LO
     0.10900     0.00000     Item: P59_ID
     0.10900     0.00000     Item: P59_IDAH
     0.10900     0.00000     Item: P59_IDAT
     0.10900     0.00000     Item: P59_SHO
     0.10900     0.00000     Item: P59_UTD
     0.10900     0.00000     Item: P59_X NA
     0.12500     0.00000     Region: Attributes
     0.12500     0.23400     Item: P59_NOT
     0.12500     0.00000     show report
     0.12500     0.00000     determine column headings
     0.12500     0.00000     parse query as: DB
     0.35900     0.14100     binding: ":P59_LOV_AT"="P59_LOV_AT" value="64"
     0.35900     0.00000     binding: ":P59_IDT"="P59_IDT" value="51"
     0.50000     0.01500     print column headings
     0.50000     0.00000     rows loop: 20 row(s)
     *0.51500     0.01600     report error: ORA-01403: no data found*
     0.51500     0.00000     Computation point: After Box Body
...

List data validation failed when creating a new list item but does not fail when editing an existing item

Dear SharePoint Experts,
Please help.
Why does my simple formula work in Excel but not-work in SharePoint?
Why does this formula...
=IF([Request Type]="Review",(IF(ISBLANK([Request Date]),FALSE,TRUE)),TRUE)
...work in Excel but fail when I try to use it in SharePoint?
The intent of this formula is the following...
If the field "Request Type" has the value "Review" and the field "Request Data" is blank then show FALSE, otherwise show TRUE.
SharePoint saves the formula, but when a list item is saved where the formula is implemented, (under List Settings, List Validation), SharePoint does not, say anything other than that the formula failed.
Note that the "list data validation failed" error only happens when I am creating a new item-- the formula above works just fine when one is trying to Save on the edit form.
Can you help?
Thanks.
-- Mark Kamoski

Dear Jason,
I appreciate your efforts.
However, it seems to me that this statement of yours is not correct...
"If it meet the validation formula, then you can new or edit the item, otherwise, it will throw the 'list data validation failed' error, it is by design".
I believe this is NOT the answer for the following reasons.
When I create a new item and click Save, the validation error is "list data validation failed".
When I edit an existing item and click Save, the validation error is "my custom error message" and this is, I believe, the way it needs to work each time.
I think, at the core, the error my formula does not handle some condition of null or blank or other default value.
I tried a forumla that casts the date back to a string, and then checked the string for a default value, but that did not work.
I tried looking up the Correlation ID in the ULS when "list data validation failed" occurs, but that gave no useful information because, even though logging was set to Verbose, the stack trace in the error log was truncated and did not given any
good details.
However, it seems to me that SharePoint 2013 is not well-suited for complex validation rules, because...
SharePoint 2013 list-level validation (NOT column-level validation) allows only 1 input for all the multi-field validation formulas in a given list-- so, if I had more than 1 multi-field validation rule to implement on a given list, it would need to be packed
into that single-line-of-code forumla style, like Excel does. That is not practice to write, debug, or maintain.
SharePoint 2013 list-level validation only allows 1 block of text for all such multi-field validation rules. So that will not work because I would have something like "Validation failed for one or more of the following reasons-- withdrawal cannot exceed
available balance, date-of-birth cannot be after date-of-death,... etc". That will not work for me.
The real and awesome solution would simply be enhancing SP 2013 so that column-level validation forumlas are able to reference other columns.
But, for now, my workaround solution is to use JavaScript and jQuery, hook the onclick handler on the Save button, and that works good. The only problem, is that the jQuery validation rules run before any of the column-level rules created with OOTB
SP 2013. So, in some cases, there is an extra click for the enduser.
Thanks,
Mark Kamoski
-- Mark Kamoski

Popup is closed when command link is pressed even after validation exceptio

Hi Techies,
I am using JDeveloper 11.1.1.4. I have a sample .jspx page which has a table, a command link and a popup. When the user clicks the command link, the popup gets shown.
The popup contains af:panelWindow as a direct child. panel window as a panel group layout which contains input box and a command link. The input text has a validation. Now my problem is even though the validation fails If i click the command link in the popup, the popup gets disappeared. Thankfully it is not updated in the database (Infact, the action and actionlisteners themselves are not getting called since the validation fails. Hope this is the expected behaviour) But my question is: could somebody tell my how to prevent the popup from hiding when i click the command link in popup once after the validation fails?
Regards,
V. Praveen

Hi Praveen,
Can you try with partialSubmit for the command link?
Also use required partialTriggers as you want to refresh. Do not refresh the popup in your bean code.
-Prasad

Character Styles Panel not refreshing after adding character styles

Hello,
Anyone know how to get Illustrator's Character Styles panel to refresh after programatically adding new styles by calling CreateCharStyle()?
Currently, the user must save the document and reopen it in order for Illustrator to refresh the character style list within the UI. This is obviously not ideal.
You may replicate this issue in the sample code by executing the SnippetRunner Text Styles snippet and then executing the CreateCharacterStyle snippet. This sample code also successfully adds a new character style but fails to update the Character Styles panel within the UI.
One side note: The AIATECurrentTextFeaturesSuite has an Invalidate() method. I tried adding this call but it doesn't seem to have any impact.
Any help would be greatly appreciated.
Thanks,
Peter

I'm seeing success with the Notification call in CS4 too; thanks. But not in CS5 (Windows). I still need to save the document to refresh the panel. And (in fact, probably due to this fact), while the new Style has appeared, none of the features (such as font size, leading) that I have added using NewCharStyle.SetFeatures(features) show up. Any clues? The code (basically copied from the SnipperRunner project) is identical between CS4 and CS5; I'm just building against the different SDKs.
DF

How to apply different styles to multiple spry accordian panels?

Hi all,
I have a website that I'm building that has multiple spry accordian features on it.
I am trying to apply different styles to each accordian. A problem arises when I try to place an accordian within another accordian.
I have styled two different background images for two of the accordians for the styles (AccordionPanelTab, AccordionPanelTabHover and AccordionPanelOpen AccordionPanelTabHover) which work fine.
When I try and place an accordian within another accordian the background image for this accordian for the styles (AccordionPanelTab and AccordionPanelOpen AccordionPanelTabHover) has the different style applyed that I stated in the accordion.css file, however the style (AccordionPanelTabHover) has the same style as the accordian it is within even though in the accordion.css file I stated a different background image.
I hope all this makes sence below is my source and CSS Code.
I appriciate any help that can be given to help resolve this issue I am running in too.
Source Code
<div id="content">
<p><span class="first_header_word_packages">Welcome</span> <span class="header_word_packages">to our packages page</span></p>
<p class="content_txt">Here you can build the website package that matches your business needs as well as being able to work out the cost of your site without having to worry about scary hidden costs at a later date.</p>
<p class="content_txt"> We have two packages available for our customers;</p>
<div id="Accordion1" class="Accordion" tabindex="0">
<div class="AccordionPanel">
    <div class="AccordionPanelTab"></div>
    <div class="AccordionPanelContent">
   <p>Text Goes Here</p>
    <div id="Accordion2" class="Accordion" tabindex="0">
      <div class="AccordionPanel">
    <div class="AccordionPanelTab"></div>
    <div class="AccordionPanelContent">
    <p>Text Goes Here</p>
    </div>
</div>
</div>
    </div>
</div>
</div>
<div id="Accordion3" class="Accordion" tabindex="0">
<div class="AccordionPanel">
    <div class="AccordionPanelTab"></div>
    <div class="AccordionPanelContent">
         <p>Text Goes Here</p>
      <div id="Accordion4" class="Accordion" tabindex="0">
        <div class="AccordionPanel">
    <div class="AccordionPanelTab"></div>
    <div class="AccordionPanelContent">
     <p>Text Goes Here</p>
    </div>
</div>
</div>
    </div>
</div>
</div>
</div>
CSS
@charset "UTF-8";
/* SpryAccordion.css - version 0.5 - Spry Pre-Release 1.6.1 */
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
/* This is the selector for the main Accordion container. For our default style,
* we draw borders on the left, right, and bottom. The top border of the Accordion
* will be rendered by the first AccordionPanelTab which never moves.
* If you want to constrain the width of the Accordion widget, set a width on
* the Accordion container. By default, our accordion expands horizontally to fill
* up available space.
* The name of the class ("Accordion") used in this selector is not necessary
* to make the widget function. You can use any class name you want to style the
* Accordion container.
.Accordion {
          border-left: solid 1px gray;
          border-right: solid 1px black;
          border-bottom: solid 1px gray;
          overflow: hidden;
/* This is the selector for the AccordionPanel container which houses the
* panel tab and a panel content area. It doesn't render visually, but we
* make sure that it has zero margin and padding.
* The name of the class ("AccordionPanel") used in this selector is not necessary
* to make the widget function. You can use any class name you want to style an
* accordion panel container.
.AccordionPanel {
          margin: 0px;
          padding: 0px;
/* This is the selector for the AccordionPanelTab. This container houses
* the title for the panel. This is also the container that the user clicks
* on to open a specific panel.
* The name of the class ("AccordionPanelTab") used in this selector is not necessary
* to make the widget function. You can use any class name you want to style an
* accordion panel tab container.
* NOTE:
* This rule uses -moz-user-select and -khtml-user-select properties to prevent the
* user from selecting the text in the AccordionPanelTab. These are proprietary browser
* properties that only work in Mozilla based browsers (like FireFox) and KHTML based
* browsers (like Safari), so they will not pass W3C validation. If you want your documents to
* validate, and don't care if the user can select the text within an AccordionPanelTab,
* you can safely remove those properties without affecting the functionality of the widget.
.AccordionPanelTab {
          background-color: #CCCCCC;
          border-top: solid 1px black;
          border-bottom: solid 1px gray;
          margin: 0px;
          padding: 2px;
          cursor: pointer;
          -moz-user-select: none;
          -khtml-user-select: none;
/* This is the selector for a Panel's Content area. It's important to note that
* you should never put any padding on the panel's content area if you plan to
* use the Accordions panel animations. Placing a non-zero padding on the content
* area can cause the accordion to abruptly grow in height while the panels animate.
* Anyone who styles an Accordion *MUST* specify a height on the Accordion Panel
* Content container.
* The name of the class ("AccordionPanelContent") used in this selector is not necessary
* to make the widget function. You can use any class name you want to style an
* accordion panel content container.
.AccordionPanelContent {
          overflow: auto;
          margin: 0px;
          padding: 0px;
/* This is an example of how to change the appearance of the panel tab that is
* currently open. The class "AccordionPanelOpen" is programatically added and removed
* from panels as the user clicks on the tabs within the Accordion.
.AccordionPanelOpen .AccordionPanelTab {
          background-color: #EEEEEE;
/* This is an example of how to change the appearance of the panel tab as the
* mouse hovers over it. The class "AccordionPanelTabHover" is programatically added
* and removed from panel tab containers as the mouse enters and exits the tab container.
.AccordionPanelTabHover {
          color: #555555;
.AccordionPanelOpen .AccordionPanelTabHover {
          color: #555555;
/* This is an example of how to change the appearance of all the panel tabs when the
* Accordion has focus. The "AccordionFocused" class is programatically added and removed
* whenever the Accordion gains or loses keyboard focus.
.AccordionFocused .AccordionPanelTab {
          background-color: #3399FF;
/* This is an example of how to change the appearance of the panel tab that is
* currently open when the Accordion has focus.
.AccordionFocused .AccordionPanelOpen .AccordionPanelTab {
          background-color: #33CCFF;
/* Rules for Printing */
@media print {
.Accordion {
overflow: visible !important;
.AccordionPanelContent {
display: block !important;
overflow: visible !important;
height: auto !important;
#Accordion1 .AccordionPanelTab {
height:75px;
width:285px;
background:url(../images/package_spry_tab_bg1.png);}
#Accordion1 .AccordionPanelTabHover,
#Accordion1 .AccordionPanelOpen .AccordionPanelTabHover {
background:url(../images/package_spry_tab_bg1_RO.png);}
#Accordion2 .AccordionPanelTab {
height:44px;
width:469px;
background:url(../images/packages_spry1.png);}
#Accordion2 .AccordionPanelTabHover,
#Accordion2 .AccordionPanelOpen .AccordionPanelTabHover {
background:url(../images/packages_spry1_ro.png);}
#Accordion3 .AccordionPanelTab {
height:75px;
width:285px;
background:url(../images/package_spry_tab_bg2.png);}
#Accordion3 .AccordionPanelTabHover,
#Accordion3 .AccordionPanelOpen .AccordionPanelTabHover {
background:url(../images/package_spry_tab_bg2_RO.png);}
#Accordion4 .AccordionPanelTab {
height:44px;
width:469px;
background:url(../images/packages_spry2.png);}
#Accordion4 .AccordionPanelTabHover,
#Accordion4 .AccordionPanelOpen .AccordionPanelTabHover {
background:url(../images/packages_spry2_ro.png);}

Okay guys,
I figured it out, if anyone was having the same problem as me and looking on this thread for the answer, here it is.
Firstly if you're wanting to seperatly style two or more Spry Accordions that are not within each other e.g.
<div id="Accordion1" class="Accordion" tabindex="0">
<div class="AccordionPanel">
    <div class="AccordionPanelTab">Label 1</div>
    <div class="AccordionPanelContent">
   <p>Content Goes Here </p>
</div>
</div>
</div>
<div id="Accordion2" class="Accordion" tabindex="0">
<div class="AccordionPanel">
    <div class="AccordionPanelTab">Label 1</div>
    <div class="AccordionPanelContent">
   <p>Content Goes Here </p>
</div>
</div>
</div>
You don't have to do this, as long as you have seperate ID's for the divs (which dreamweaver automatically does anyway) you'll be fine.
However if for some reason you want to put one accordion inside another like I did e.g.
<div id="Accordion1" class="Accordion" tabindex="0">
<div class="AccordionPanel">
    <div class="AccordionPanelTab">Label 1</div>
    <div class="AccordionPanelContent">
   <p>Content Goes Here </p>
<div id="Accordion2" class="Accordion" tabindex="0">
<div class="AccordionPanel">
    <div class="AccordionPanelTab">Label 1</div>
    <div class="AccordionPanelContent">
   <p>Content Goes Here </p>
</div>
</div>
</div>
</div>
</div>
</div>
Too style Accordian 1 & 2 so their tabs both have different backgrounds and Hover background when the content panel is open and closed you have to style it in the CSS they following way;
CSS
#Accordion1 .AccordionPanelTab {
height:75px;
width:285px;
background:url(../images/package_spry_tab_bg.png);}
#Accordion1 .AccordionPanelTabHover,
#Accordion1 .AccordionPanelOpen .AccordionPanelTabHover {
height:75px;
width:285px;
background:url(../images/package_spry_tab_bg_RO.png);}
#Accordion2 .AccordionPanelTab {
height:44px;
width:469px;
background:url(../images/packages_spry.png);}
#Accordion2 .AccordionPanelClosed .AccordionPanelTabHover,
#Accordion2 .AccordionPanelOpen .AccordionPanelTabHover {
height:44px;
width:469px;
background:url(../images/packages_spry_ro.png);}
Normally when styling two seperate spry accordions you can just use the following code
#Accordion1 .AccordionPanelTab {
height:75px;
width:285px;
background:url(../images/package_spry_tab_bg.png);}
#Accordion1 .AccordionPanelTabHover,
#Accordion1 .AccordionPanelOpen .AccordionPanelTabHover {
height:75px;
width:285px;
background:url(../images/package_spry_tab_bg_RO.png);}
The only difference with styling a Spry accordion within another to ensure they have different hover backgrounds when the content panel is open and closed is ".AccordionPanelClosed".
Hope this helped anyone who was having the same issue I was.

File in File Browse item disappears if validation fails on any item ....

Greetings:
I'm using APEX 4.0. I have a region with 7 data elements, one of them being a File Browse page item. The BLOB file loads in the WWV_FLOW_FILES table first, then in the "After Submit" page processing, I move the BLOB into my own custom table. This works great in normal processing.
However, if any of the other data elements in this region fails validation, the page renders with the validation messages, but the file in the File Browse page item disappears. Therefore, the user would have to re-select the file to upload before they resubmit and process the page again.
How can I avoid this? Why does the path and file name disappear when page validation fails?
Thanks,
Stan

bondurs wrote:
Greetings:
I'm using APEX 4.0. I have a region with 7 data elements, one of them being a File Browse page item. The BLOB file loads in the WWV_FLOW_FILES table first, then in the "After Submit" page processing, I move the BLOB into my own custom table. This works great in normal processing.
However, if any of the other data elements in this region fails validation, the page renders with the validation messages, but the file in the File Browse page item disappears. Therefore, the user would have to re-select the file to upload before they resubmit and process the page again.
How can I avoid this? Why does the path and file name disappear when page validation fails?It is a required security feature. Per the HTML specification, APEX will not render a value in a file browse item on page show. This protects the user from nefarious persons changing the file item value during spurious "failed" validation (hoping the user is distracted correcting the "failed" item and does not notice) in order to capture a file the user does not intend to submit (e.g. /etc/passwd).

Select different style for each border of a rectangle

Hi,
I just wanted to have a Rectangle (or some other component) which one must have different style for each of its borders.
For example I want the top and the right border with a thickness of 2 and others with a thickness of 0 (so we can only see those two borders).
How can I do it ?
I tried with stroke (but stroke is for all borders, we can't specify which style for which border).
Thanks,
Jeff

Well it is not clear what he is looking for just rect or a component with specific border. I havnt used flex 4 so i am not sure how to get it working for that
, but i am sure it will work on the same lines.
I have also given another option to create a it using lineTo() and moveTo().But this should only be used if this rect is not going to be used as a container.
I think i should elaborate...
Create a custom component using UIComponent. In updateDisplayList() after super.updateDisplayList() call a method say drawRect(). In this drawRect() use lineTo() and moveTo() to draw the rectangle. you would have to use the component's height and width to draw the rect.
Let me know if you need more clearification...

Different style to InputText box after validation fails in JSF 1.0

Similar Messages

Maybe you are looking for