Implementation Of Tabbed panel in JSF

I have 4 different tabs and i have only one jsp when i click that tab i have to go to particular part. using tabbed panel in JSF
Please suggest me how can i approach.
Thanks in advance
Satish Cheedalla

there are many different componentas for tab panel.
The myfaces project offer this component in tomahawk project and tobago project.
The are of course many commercial tab panel in various ajax frameworks.

Similar Messages

  • Problem with Spry Tabbed Panels and Mac Safari

    On a site I'm working on I have implemented Spry Tabbed
    Panels. Everything was great until my boss looked at it on his Mac
    Safari. Spry doesn't seem to honor the 100% width, and cuts it off.
    I have looked at the CSS and don't see what is holding it up.
    Here is
    a link to a screenshot.
    The CSS that defines the width is attached.
    Can anyone help? Thanks!

    Wow, so I am the only one that has ever used Spry that
    doesn't work in Safari? I find that hard to believe.
    So let me twist this another way. Does anyone know why a div
    does not stretch 100% of it's parent in Safari?

  • Using fade/appear transition in spry tabbed panels

    I've implemented the fade/appear transition into a spry
    tabbed panel set up. The effect works in that when one clicks on a
    tab, the content in that panel will "appear" in using a opacity
    transition.
    The problem I am encountering is a pre-load of the content..
    almost a flicker at 100% opacity... and then the transition from 0%
    to 100% resumes. This flicker effect or visible pre-load of the
    content really takes away from the effect of the transition.
    Does anyone know how to solve this or correct my set up?
    I'm using the following...
    <li class="TabbedPanelsTab"
    onclick="MM_effectAppearFade('fade-guestrooms', 1000, 0, 100,
    false)" tabindex="0" onfocus="this.blur()">GUEST
    ROOMS</li>

    Yes this was a tough one to pull off in Spry. I have worked up a solution that fades between the panels. Please have a look at the following post:
    http://blog.infrontweb.com/ajax/spry/spry-tabbed-panel-fade-transition/
    Good Luck

  • Spry Tabbed Panels - not correct in IE but correct in Chrome and MF

    Hi,
    I'm having problems with an extension I used for a client, so I want to use the Spry tabbed panels form dreamweaver, but they in IE8 it puts all the content under each other in the first tab ??
    In Chrome and MF its correct. Do you know about this problem or is it because I did something wrong?
    see: www.zorgfilosofie.nl/index2
    The other pages where made with an extension but with that script my client can't edit with contribute. That's why I want to implement Dreamweaver Spry Tabbed Panels.
    Thanks for answering!
    Carla

    Hello there from down under J
    Het was mooi weer, maar vandaag regent het.
    Toch zijn hier in deze kamer veel zonnestralen, want het probleem is opgelost!
    I searched the whole evening for alternative but it did’t work with templates.
    With the js files the problem is solved.
    I don’t understand why the js file was not correct, because I just bought CS5.5
    Where do I have to put de file so the problem will not happen again when I make another site?
    Thanks a lot!
    Best regards and take some sun with you!
    Carla
    Van: altruistic gramps [email protected]
    Verzonden: woensdag 5 oktober 2011 2:16
    Aan: Carla Leliveld
    Onderwerp: Spry Tabbed Panels - not correct in IE but correct in Chrome and MF
    Re: Spry Tabbed Panels - not correct in IE but correct in Chrome and MF
    created by altruistic gramps <http://forums.adobe.com/people/altruistic+gramps>  in Spry Framework for Ajax - View the full discussion <http://forums.adobe.com/message/3954185#3954185

  • PHP dynamic content for form list field on tabbed panel

    I have been trying to use PHP dynamic content to populate a
    form list field. Works fine on a regular page, but doesn't seem to
    work (or works very erratically) if the form is on a tab of a Spry
    tabbed panel. Erratically means (as I've observed) the values will
    appear if the list field is the second on a tab but not the first.
    Haven't tried three on a tab... Anyone know if this is supposed to
    work?

    Thank You !!! to both of you above.
    Shant,
    The scheme youv'e proposed makes sense and I had thought of the same before posting the question. I already did a little POC on it but then realised this works if I can use complete list of values of 1st Field to decide the value of 2nd and so forth. But I rather need to know which one among those was clicked. Moreover, my right side list is usually not null when page loads for the first time (bcoz Field name is a path exp).
    Also, the real problem here is that, when I click on different values on the right side of multi-select(already selected values) of 1st Field, allowedValues and Derivation of 2nd should change. That GUI event is not capturable from whatever I've been able to read (onClick is not applicable for MultiSelect, and onChange doesn't serve my purpose, coz I need to know what value was clicked on).
    The solution I thought and implemented was to take the right side of multi-select, into an extra (read redundant), single-select Field. And then have the 2nd multi-select depend on it via Derivation and allowedValues.
    Having two redundant single-selects, isn't the most elegant solution but I can't think of anything better. Any thoughts ???
    If I'm not really overlooking something MultiSelect class should have an extra Property exposed....
    - AndyDev
    Edited by: AndyDev on Nov 6, 2007 2:04 PM

  • Tabbed Panel - Make First Panel content not a tab?

    I apologise for this but I am repeating a post that I have put in the Dreamweaver Dynamic Forum.  I didn't think about this board then but realise a couple of other Spry questions don't attract much attention there.  In future I'll come here but for now I hope the duplicate post doesn't upset anyone.
    I am having a go witha tabbed panel which is what the screenshot is showing.  This is experimenting so I haven't had the courage to upload it yet.
    I would like the default panel to not contain anything except perhaps, the instruction to click and a colour background logo image.  When the user clicks a panel I want the logo image to be pale and greyscale and the course deatails to present.
    My question is how do I start the tabbed panel with a pane that isn't one of the tabs?  I can see a way around it by making the first tab "Instructions" but I don't think it will look so good.
    Thanks
    Martin

    Gosh, you made that look easy!
    I'm not at my desk to implement it but your post has the air of confidence that I envy!  I was expecting to have to put on some latex gloves, a mask and gown and tinker with the code...
    Many thanks.
    Martin

  • Google Analytics on Spry Tabbed Panels

    I have created a website where I am using a few main html pages and have vertical Spry Tabbed panels for sections of information within most of the pages.  I wish to track the clicks on the vertical Tabbed panels, but I am not having much luck implementing it.  I could probably figure it out if I saw an example somewhere.  I have also implemented a "back button" feature (thanks to Arnout Kazemier!) and clicking to go directly to a tab on a page using the SpryUtils into the default tab option for Spry Tabbed Panels.  The Google Analytics web pages have information on gadget tracking, and one on tracking AJAX,  and one on using the newer asynchronous tracking (which is supposed to be better for Ajax, etc).   I have tried to implement asynchronous tracking along with the "Tracking AJAX" recommendation by Google with no information being posted in a couple of days.
    My website page where I have tried to implement it is here:
    http://www.phostech.com/opt_con_v2.html
    I have also seen examples where a counter is used just to count, but I would like the information on which pages were clicked.
    I would rather not do this using the event tracking (but if that's the only way I'm OK), partly because the event tracking would be separate from the page tracking and the other features woudn't be as useful (exit page, sorting based on content, etc.).
    I am not a great programmer, but I could probably manage it I saw an example close enough to what I need.
    If anyone has any ideas, solutions, implemented examples that could help me, I would greatly appreciate it.
    Thanks!

    I have checked out your page using Firefox, firebug net panel that monitors requests from and to your page. And i do see a successful call to the google servers. But I also noticed a JavaScript error on your page caused by these lines of code:
      http_request.onreadystatechange = sendAlert;
           http_request.open('GET', url, true);
           http_request.send(null);
    You might want to remove those.

  • Spry Menus on Spry Tabbed Panels?

    Hi,
    I'm designing a site that has major tabs at the top, each of which takes the visitor to an appropriate section of the site... each with a default section overview page and a horizontal nav menu that's appropriate for that section. (This design is similar to going to a site like AT&T and clicking on top tabs for Home, Small Business or Enterprise. Once you've done so, the menu below then presents links appropriate to the Home, Small Business or Enterprise products.) I've been trying to implement this by putting instances of Spry Menus in Spry Tabbed Panels within the TabbedPanelsContentGroup div. Specifically, I have the MenuBarHorizontal class is each TabbedPanelsContent div/class.
    I have the basic layout working, but the wiring is mystifying me. Clicking the various tabs indeed presents the correct corresponding menus. But I also need to figure out how to make clicking a section tab go to the section overview page (which happens to also correspond the first menu item, "Overview", in each section). There's no real <a href> kind of option that's apparent in conjunction with the TabbedPanelTabs in the TabbedPanelsGroup. Is there a way to force a particular page to display when switching tabs? Or am I trying to use the wrong tool for the job and there's a better technical approach to implementing this design?
    I've tried David Powers' blog entry re "Opening Specific Tabs and Panels from Another Page" (http://foundationphp.com/tutorials/spry_url_utils.php), but it describes exactly what the title implies.
    Thanks!
    Jeffrey

    Hi, Jeffrey,
    I think I'm going to need to diagram this out!
    Let's see...when you say "major tabs at the top" are you referring to a separate MenuBar or are you speaking of Spry Tabbed Panels?
    You of course realize that if you are speaking of Spry Tabbed Panels, that EVERYTHING on the panels is on one page. If that is your main organization, yeah, it's a little hairy.
    Now, if you have a "normal" one-level set of nav buttons that each takes you to a page that contains a set of Tabbed Panels for that "department," that will get you where you need to be without quite as much mind-blowing follow-the-wire through the wall hijinks, if you know what I mean.
    Here is a site that I put together using Spry Tabbed Panels: http://www25.uua.org/uuhs/index.html Although the top "tabs" nav looks like Tabbed Panels tabs, the Tabbed Panels don't start until you get inside the site, and there I use Vertical tabs (on the left side) and on the Panels have put lots of Spry Accordions.
    By using this technique, you have an effective "landing page" on each "department" linked to with the top navigation buttons.
    Best of luck, and watch out for short-circuits!
    Beth

  • Spry Tabbed Panels overwritting popup menu in IE6 and IE7 but display fine in Firefox

    I am new to Spry and Dreamweaver CS3 and would appreciate any
    help anyone can give. I am having an issue with Spry Tabbed Panels
    appearing above a navigation bar pop up menu only in IE6 and IE7.
    Everyhting works like expected in FF. I have several product pages
    that are exhibiting the same issue. I am not having this issue when
    using Spry Accordian. Would someone be able to educate me on what I
    can do to fix this problem. One of the product pages that is
    exhibiting this problem is
    Page
    with display issue

    The IE browsers implement z-indexing differently than most
    browsers ... specifically, IE browsers establish a new z-index
    context if you set the position CSS property of an element to
    anything other than static.
    What this means is that if you set something to
    position:relative ... any z-index values of children inside that
    element will be relative to that element.
    In your case, you seem to have a position relative on your
    div FWTableContainer1966866324. If you set the z-index value to
    something like 10, you'll notice that it fixes the problem.
    --== Kin ==--

  • Link inside a tabbed panel

    Hi,
    I am working on odc:tabbedPanel in JSF. I have four tabs in it. In one of the tabs, I have links in the second tab which need to href to other pages and should be shown in the same tab. But it gets refreshed and comes to the first tab. Can anyone please help me with this i.e. to retain the same tab going to links.
    I appreciate any help on this.
    Thanks

    good reference - check this out by BalusC - on forcing the tabbed panel
    http://balusc.xs4all.nl/srv/dev-j2p-tab.html

  • Tabbed Panels border bug IE7?

    If I insert the default Tabbed Panel widget and use this css
    code (which is the default with the borders changed to black to
    show the problem):
    @charset "UTF-8";
    /* SpryTabbedPanels.css - version 0.4 - Spry Pre-Release 1.6
    /* Copyright (c) 2006. Adobe Systems Incorporated. All rights
    reserved. */
    /* Horizontal Tabbed Panels*/
    .TabbedPanels {
    margin: 0px;
    padding: 0px;
    float: left;
    clear: none;
    width: 100%; /* IE Hack to force proper layout when preceded
    by a paragraph. (hasLayout Bug)*/
    .TabbedPanelsTabGroup {
    margin: 0px;
    padding: 0px;
    .TabbedPanelsTab {
    position: relative;
    top: 1px;
    float: left;
    padding: 4px 10px;
    margin: 0px 1px 0px 0px;
    font: bold 0.7em sans-serif;
    background-color: #DDD;
    list-style: none;
    border-left: solid 1px #000;
    border-bottom: solid 1px #000;
    border-top: solid 1px #000;
    border-right: solid 1px #000;
    -moz-user-select: none;
    -khtml-user-select: none;
    cursor: pointer;
    .TabbedPanelsTabHover {
    background-color: #CCC;
    .TabbedPanelsTabSelected {
    background-color: #EEE;
    border-bottom: 1px solid #EEE;
    .TabbedPanelsTab a {
    color: black;
    text-decoration: none;
    .TabbedPanelsContentGroup {
    clear: both;
    border-left: solid 1px #000;
    border-bottom: solid 1px #000;
    border-top: solid 1px #000;
    border-right: solid 1px #000;
    background-color: #EEE;
    .TabbedPanelsContent {
    padding: 4px;
    .TabbedPanelsContentVisible {
    I have a pixel missing at the left lower corner where the
    border for the content appears to end and the border for the tab
    appears to begin. This does not happen in Firefox...in FF the
    borders meet and gives the appearance of one continuous border. As
    with everything else that has to do with IE I am assuming this is
    some "quirk" with IE but unsure. If it is what is the bug called
    and what is the hack/work-around (if any)?

    Name of the site is in the graphic above.
    I have now seen that this small (1 pixel) gap exists in all implementations of the Spry Tabbed Panels.
    Check yourself (you will need to use Ctrl+"+" to magify the screen to see it).
    It seems to be an unavoidable bug that is usually hidden by colors that are not too contrasty.
    Oh well, seems I have to accept this minor flaw and move on?

  • ***Dynamically create a new tabbed panel***

    Really Struck on this ....
    Help is greatly appreciated....
    I have got a tabbed panel ,with a Form that has got some list box control's that populate the names.This form is used to send an email or message.I have got
    a check box ,whenever the user checks this ,the exact replica of the one that is present has to be created .This scenario is for multiple submissions.
    code:
    <hx:scriptCollector id="scriptCollector1" preRender="#{pc_SecMsgEntry.onPageLoadBegin}">
                             <BR>
                                  <h:form styleClass="form" id="frmSecMsgEntry">
                                       <odc:tabbedPanel slantActiveRight="4" styleClass="tabbedPanel"
                                            width="800" slantInactiveRight="4" height="375"
                                            variableTabLength="false" showBackNextButton="false"
                                            showTabs="true" id="tabbedPanelMessageEntry">
                                            <odc:bfPanel id="bfpanel1" name="Message Entry"
                                                 showFinishCancelButton="false">
                                       <TABLE width="792">
                                            <TBODY>
                                                 <TR >
                                                      <TD width="215" height="28"><h:selectOneListbox
                                                                     styleClass="selectOneListbox" id="listbox1" size="1"
                                                                     style="width: 220px" value="#{secSelectHelper.securityID}" onchange="submit();">
                                                                     <f:selectItems
                                                                          value="#{secSelectHelper.securityProfileItems}" />
                                                                </h:selectOneListbox></TD>
                                                      <TD width="51" height="28"><FONT face="Arial">          </TD>
                                                      <TD height="28" width="335" align="right" valign="middle"><FONT face="Arial">     <h:selectBooleanCheckbox
                                                                     styleClass="selectBooleanCheckbox" id="checkbox2" valueChangeListener="#{pc_SecMsgEntry.handleCheckbox2ValueChange}" onclick="submit();"></h:selectBooleanCheckbox></FONT> </TD>
                                                      <TD height="28" width="148"><h:outputText
                                                                     styleClass="outputText" id="txtAdditionalReq" value="Additional Request"></h:outputText></TD>
                                                 </TR>
                                                      <TR >
                                                      <TD width="215" height="20">List Of Users :<BR>
                                                                <h:selectManyListbox styleClass="selectManyListbox"
                                                                     id="lstBoxUsers" size="5" style="width: 250px" value="#{pc_SecMsgEntry.users}">
                                                                     <f:selectItems value="#{secSelectHelper.usersBySecIdItems}" />
                                                                </h:selectManyListbox></TD>
                                                      <TD width="51" height="28" align="center" valign="middle"><FONT face="Arial">          </FONT><BR>
                                                                <hx:commandExButton type="submit" value=">"
                                                                     styleClass="commandExButton" id="btnSingleAdd"
                                                                     style="width: 35px" onclick="return func_2(this, event);"></hx:commandExButton><hx:commandExButton
                                                                     type="submit" value=">>" styleClass="commandExButton"
                                                                     id="btnCompleteAdd" style="width: 35px"></hx:commandExButton><BR>
                                                                <hx:commandExButton type="submit" value="<"
                                                                     styleClass="scommandExButton" id="btnSingleRemove" style="width: 35px"></hx:commandExButton><BR>
                                                                <hx:commandExButton type="submit" value="<<"
                                                                     styleClass="scommandExButton" id="btnCompleteRemove" style="width: 35px"></hx:commandExButton><BR>
                                                      </TD>
                                                      <TD height="28" width="335"><FONT face="Arial">     </FONT>Send To:<BR>
                                                                <h:selectManyListbox styleClass="selectManyListbox"
                                                                     id="lstBoxReceiveUsers" size="5" style="width: 250px"></h:selectManyListbox></TD>
                                                      <TD height="28" width="148">Send Message To:<BR>
                                                                <h:selectManyCheckbox
                                                                     disabledClass="selectManyCheckbox_Disabled"
                                                                     styleClass="selectManyCheckbox" id="checkbox1" layout="pageDirection">
                                                                     <f:selectItem itemValue="Value0" itemLabel="All Users" />
                                                                     <f:selectItem itemValue="Value1" itemLabel="All Brokers" />
                                                                     <f:selectItem itemValue="Value2" itemLabel="All ThirdParty" />
                                                                </h:selectManyCheckbox></TD>
                                                 </TR>
                                                 <TR >
                                                      <TD width="215" height="28"></TD>
                                                      <TD width="51" height="28"><FONT face="Arial">          </TD>
                                                      <TD height="28" width="335"><FONT face="Arial">     </FONT><h:selectOneRadio
                                                                     disabledClass="selectOneRadio_Disabled"
                                                                     styleClass="selectOneRadio" id="radio2"
                                                                     style="width: 350px">
                                                                     <f:selectItem itemValue="Value6" itemLabel="E mail" />
                                                                     <f:selectItem itemValue="Value7" itemLabel="Message" />
                                                                </h:selectOneRadio></TD>
                                                      <TD height="28" width="148"></TD>
                                                 </TR>
                                                 </TBODY>
                                                 </TABLE>
                                            <TABLE width="792">
                                            <TBODY>
                                                 <TR>
                                                      <TD height="20" width="714" align="center" valign="middle"><h:inputTextarea
                                                                     styleClass="inputTextarea" id="textarea1"
                                                                     style="height: 100px; width:775px"></h:inputTextarea></TD>
                                                 </TR>
                                                 <TR>
                                                      <TD height="10" align="center" valign="middle" width="714"><hx:commandExButton type="submit"
                                                                     value="Send" styleClass="commandExButton"
                                                                     id="btnSendMessage" style="width: 60px"></hx:commandExButton> <hx:commandExButton
                                                                     type="submit" value="Clear" styleClass="commandExButton"
                                                                     id="btnResetMessage" style="width: 60px"></hx:commandExButton></TD>
                                                 </TR>
                                                 </TBODY>
                                                 </TABLE>
                                            </odc:bfPanel>
                                            <f:facet name="back">
                                                 <hx:commandExButton type="submit" value="< Back"
                                                      id="tabbedPanel1_back" style="display:none"></hx:commandExButton>
                                            </f:facet>
                                            <f:facet name="next">
                                                 <hx:commandExButton type="submit" value="Next >"
                                                      id="tabbedPanel1_next" style="display:none"></hx:commandExButton>
                                            </f:facet>
                                            <f:facet name="finish">
                                                 <hx:commandExButton type="submit" value="Finish"
                                                      id="tabbedPanel1_finish" style="display:none"></hx:commandExButton>
                                            </f:facet>
                                            <f:facet name="cancel">
                                                 <hx:commandExButton type="submit" value="Cancel"
                                                      id="tabbedPanel1_cancel" style="display:none"></hx:commandExButton>
                                            </f:facet>
                                       </odc:tabbedPanel>
                                  </h:form>
                                  <BR>
                        </hx:scriptCollector>

    Try using a JSP for/while loop with an iterator-count gained from the managed bean to create more bfpanels or tabbedPanels.
    One more suggestion: please use JSF components only. HTML in JSF is not-done. Use panelGrid/panelGroup instead of HTML tables.
    Also note that the FONT tag is deprecated for years. Use CSS instead.

  • Tabbed Panels border-bottom color problem

    Small problem. Page has black backround, and to match it, the border-bottom is set to black on the active tab. Trouble is that this breaks up the outline on the vertical left side in FF and Chrome (but strangely, not in IE).
    Any solution?

    Name of the site is in the graphic above.
    I have now seen that this small (1 pixel) gap exists in all implementations of the Spry Tabbed Panels.
    Check yourself (you will need to use Ctrl+"+" to magify the screen to see it).
    It seems to be an unavoidable bug that is usually hidden by colors that are not too contrasty.
    Oh well, seems I have to accept this minor flaw and move on?

  • Contact form with Spry 'Tabbed Panels' and 'Validation TextField'

    Hello
    I am considering making a form using Spry tabbed panels (as step 1, step 2, etc.) and the form validation to process name, email, address, credit-card, accept terms and conditions, etc.
    This is instead of a multi-page form, because there could be security flaws there (i.e. passing sensitive information from one page to the next) and it would take longer for the user - needing to open each page, etc. where this is to be used as a buy form (for a single product), sort of like one-click order (but not exactly).
    Overall, it seems like a good idea, someone else has tried it, but I do have some questions that haven't been covered there - relevant for anyone that'd ever want to do this with Spry - that didn't come up there:
    1. Will it degrade gracefully, and still work? For example, when you turn JavaScript, CSS, images, and other things off?
    2. Is it possible to go from Step-to-Step (using the top tabs, or 'Submit' and 'Back' buttons added on the bottom) without entering all of the required information? Because I would like to disable this - perhaps also have the future Steps grayed out and un-clickable.
    3. Is it safe to use this form to enter credit card details, and then email those to the website's account? I am new to SSL, so I'm not sure if I could implement some security feature here? Where should I look?
    4. Does it load the page fast, despite having multiple steps all pre-loaded? Can we make subsequent steps require some 'loading' (without refreshing the page)?
    5. If it doesn't do either of these, how could we make it do that?
    I hope to hear from you!

    Hello
    I am considering making a form using Spry tabbed panels (as step 1, step 2, etc.) and the form validation to process name, email, address, credit-card, accept terms and conditions, etc.
    This is instead of a multi-page form, because there could be security flaws there (i.e. passing sensitive information from one page to the next) and it would take longer for the user - needing to open each page, etc. where this is to be used as a buy form (for a single product), sort of like one-click order (but not exactly).
    Overall, it seems like a good idea, someone else has tried it, but I do have some questions that haven't been covered there - relevant for anyone that'd ever want to do this with Spry - that didn't come up there:
    1. Will it degrade gracefully, and still work? For example, when you turn JavaScript, CSS, images, and other things off?
    2. Is it possible to go from Step-to-Step (using the top tabs, or 'Submit' and 'Back' buttons added on the bottom) without entering all of the required information? Because I would like to disable this - perhaps also have the future Steps grayed out and un-clickable.
    3. Is it safe to use this form to enter credit card details, and then email those to the website's account? I am new to SSL, so I'm not sure if I could implement some security feature here? Where should I look?
    4. Does it load the page fast, despite having multiple steps all pre-loaded? Can we make subsequent steps require some 'loading' (without refreshing the page)?
    5. If it doesn't do either of these, how could we make it do that?
    I hope to hear from you!

  • On a tabbed panel, I am trying to create a form, but...

    On a tabbed panel I am trying to create a form, but I am having a couple of issues.
    The coding on my form is yellow - I can't figure out what is wrong. Also, I can't see the tab on the browser, only in live view. I haven't loaded it to my site as I haven't finished it yet. I don't want to go any further, until I solve the issues I have now. Any ideas?
    thanks,
    deb
            <form id="registrationForm" name="registrationform" method="post" action="">
              <fieldset>
                <legend>Contact Information</legend>
                <span id="sprytextfield1">
                  <label>Name <span class="inforequired">*</span><br />
                    <input type="text" name="name" id="name" />
                    <br />
                  </label>
                  <span class="textfieldRequiredMsg">value is required.</span><span class="textfieldMinCharsMsg">Minimum number of characters not met.</span><span class="textfieldMaxCharsMsg">Exceeded maximum number of characters.</span></span> <span id="sprytextfield2">
                  <label for="businessname">(Business or Organization) Name<br />
                  </label>
                  <input type="text" name="businessname" id="businessname" />
                  <br />
                  <span class="textfieldRequiredMsg">value is required.</span></span> <span id="sprytextfield3">
                  <label for="address">Address <span class="inforequired">*</span><br />
                  </label>
                  <input type="text" name="address" id="address" />
                  <br />
                  <span class="textfieldRequiredMsg">value is required.</span><span class="textfieldMinCharsMsg">Minimum number of characters not met.</span><span class="textfieldMaxCharsMsg">Exceeded maximum number of characters.</span></span> <span id="sprytextfield4">
                  <label for="email">City</label>
                  <span class="inforequired">*</span><br />
                  <input type="text" name="city id="city="city"" />
                  <br />
                  <span class="textfieldRequiredMsg">A value is required.</span><span class="textfieldMinCharsMsg">Minimum number of characters not met.</span><span class="textfieldMaxCharsMsg">Exceeded maximum number of characters.</span></span> <span id="sprytextfield5">
                  <label for="province">Province</label>
                  <span class="inforequired">*</span><br />
                  <input type="text" name="province" id="province" />
                  <br />
                  <span class="textfieldRequiredMsg">A value is required.</span><span class="textfieldMinCharsMsg">Minimum number of characters not met.</span><span class="textfieldMaxCharsMsg">Exceeded maximum number of characters.</span></span> <span id="sprytextfield6">
                  <label for="postalcode">Postal Code</label>
                  <span class="inforequired">*</span><br />
                  <input type="text" name="postalcode" id="postalcode" />
                  <br />
                  <span class="textfieldRequiredMsg">A value is required.</span><span class="textfieldMinCharsMsg">Minimum number of characters not met.</span><span class="textfieldMaxCharsMsg">Exceeded maximum number of characters.</span></span> <span id="sprytextfield7">
                  <label for="phone">Phone Number (including area code) <span class="inforequired">*</span><br />
                  </label>
                  <input type="text" name="phone" id="phone" />
                  <br />
                  <span class="textfieldRequiredMsg">A value is required.</span><span class="textfieldMinCharsMsg">Minimum number of characters not met.</span><span class="textfieldMaxCharsMsg">Exceeded maximum number of characters.</span></span> <span id="sprytextfield8">
                  <label for="fax">Fax Number</label>
    (including area code) <br />
    <input type="text" name="fax" id="fax" />
    <br />
    <span class="textfieldRequiredMsg">A value is required.</span><span class="textfieldMinCharsMsg">Minimum number of characters not met.</span><span class="textfieldMaxCharsMsg">Exceeded maximum number of characters.</span></span> <span id="sprytextfield9">
    <label for="email">Email Address <span class="inforequired">*</span><br />
    </label>
    <input type="text" name="email" id="email" />
    <span class="textfieldRequiredMsg">A value is required.</span><span class="textfieldInvalidFormatMsg">Invalid format.</span><span class="textfieldMinCharsMsg">Minimum number of characters not met.</span><span class="textfieldMaxCharsMsg">Exceeded maximum number of characters.</span></span> <span id="spryconfirm1">
    <label for="emailconfirm"><br />
      Re-enter Email Address <span class="inforequired">*</span><br />
    </label>
    <input type="text" name="emailconfirm" id="emailconfirm" />
    <span class="confirmRequiredMsg">A value is required.</span><span class="confirmInvalidMsg">The values don't match.</span></span>
    <p> My Interest in the Ability Axis Employment Expo is as a </p>
    <p><span id="spryradio1">
      <label>
        <input type="radio" name="RadioGroup1" value="business" id="RadioGroup1_0" />
        Business/Employer</label>
      <br />
      <label>
        <input type="radio" name="RadioGroup1" value="nonprofit" id="RadioGroup1_1" />
        Non-Profit/Service Organizatin</label>
      <br />
      <label>
        <input type="radio" name="RadioGroup1" value="jobseeker" id="RadioGroup1_2" />
        Job Seeker</label>
      <br />
      <label>
        <input type="radio" name="RadioGroup1" value="other)" id="RadioGroup1_3" />
        Other (please specify below)</label>
      <br />
      </span><br />
      <span id="sprytextarea1">
      <label for="contactcomments"> Comments or other information</label>
      <br />
      <textarea name="contactcomments" id="contactcomments" cols="45" rows="5"></textarea>
    </span> </p>
    </fieldset>
              <p></p>
              <fieldset>
                <legend>Booth Options</legend>
                <span id="spryselect1">
                  <label for="premierearlybird">Premiere (10 X 10)  until April 21 $375</label>
                  <span class="earlybirdpricing">Early Bird Pricing</span><br />
                  <select name="premierearlybird" id="premierearlybird">
                    <option value="0" selected="selected">Please Choose</option>
                    <option value="1">1</option>
                    <option value="2">2</option>
                    <option value="3">3</option>
                    <option value="3+">More than 3 - please enter details in the comments box below</option>
                  </select>
                  <br />
                  <br />
                  <span class="selectRequiredMsg">lease select an item.</span></span> <span id="spryselect2">
                  <label for="premierereg">Premiere (10 x 10) after April 21 $425</label>
                  <br />
                  <select name="premierereg" id="premierereg">
                    <option value="0" selected="selected">Please Choose</option>
                    <option value="1">1</option>
                    <option value="2">2</option>
                    <option value="3">3</option>
                    <option value="3+">More than 3 - please enter details in the comments box below</option>
                  </select>
                  <br />
                  <br />
                  <span class="selectRequiredMsg">Please select an item.</span></span> <span id="spryselect3">
                  <label for="premierenpearlybird">Premiere Non-Profit (10 X 10) until April 21 $325 <span class="earlybirdpricing">Early Bird Pricing</span><br />
                  </label>
                  <select name="premierenpearlybird" id="premierenpearlybird">
                    <option value="0" selected="selected">Please Choose</option>
                    <option value="1">1</option>
                    <option value="2">2</option>
                    <option value="3">3</option>
                    <option value="3+">More than 3 - please enter details in the comments box below</option>
                  </select>
                  <br />
                  <br />
                  <span class="selectRequiredMsg">Please select an item.</span></span> <span id="spryselect4">
                  <label for="premierenp">Premiere Non-Profit (10 X 10) after April 21 $375</label>
                  <br />
                  <select name="premierenp" id="premierenp">
                    <option value="0" selected="selected">Please Choose</option>
                    <option value="1">1</option>
                    <option value="2">2</option>
                    <option value="3">3</option>
                    <option value="3+">More than 3 - please enter details in the comments box below</option>
                  </select>
                  <br />
                  <br />
                  <br />
                  <span class="selectRequiredMsg">Please select an item.</span></span> <span id="spryselect5">
                  <label for="standardregearlybird">Standard (8  X 10)  until April 21 $250 <span class="earlybirdpricing">Early Bird Pricing</span><br />
                  </label>
                  <select name="standardregearlybird" id="standardregearlybird">
                    <option value="0" selected="selected">Please Choose</option>
                    <option value="1">1</option>
                    <option value="2">2</option>
                    <option value="3">3</option>
                    <option value="3+">More than 3 - please enter details in the comments box below</option>
                  </select>
                  <br />
                  <br />
                  <span class="selectRequiredMsg">Please select an item.</span></span> <span id="spryselect6">
                  <label for="standardreg">Standard (8 X 10)  after April 21 $300</label>
                  <br />
                  <select name="standardreg" id="standardreg">
                    <option value="0" selected="selected">Please Choose</option>
                    <option value="1">1</option>
                    <option value="2">2</option>
                    <option value="3">3</option>
                    <option value="3+">More than 3 - please enter details in the comments box below</option>
                  </select>
                  <br />
                  <br />
                  <span class="selectRequiredMsg">Please select an item.</span></span> <span id="spryselect7">
                  <label for="standardnpearlybird">Standard Non-Profit (8 X 10)  until April 21 $200</label>
                  <span class="earlybirdpricing">Early Bird Pricing</span><br />
                  <select name="standardnpearlybird" id="standardnpearlybird">
                    <option value="0" selected="selected">Please Choose</option>
                    <option value="1">1</option>
                    <option value="2">2</option>
                    <option value="3">3</option>
                    <option value="3+">More than 3 - please enter details in the comments box below</option>
                  </select>
                  <br />
                  <br />
                  <span class="selectRequiredMsg">Please select an item.</span></span> <span id="spryselect8">
                  <label for="standardnp">Standard Non-Profit (8 X 10) after April 21 $250<br />
                  </label>
                  <select name="standardnp" id="standardnp">
                    <option value="0" selected="selected">Please Choose</option>
                    <option value="1">1</option>
                    <option value="2">2</option>
                    <option value="3">3</option>
                    <option value="3+">More than 3 - please enter details in the comments box below</option>
                  </select>
                  <span class="selectRequiredMsg">Please select an item.</span></span>
    </fieldset>
              <br />
              <fieldset>
                <legend>Breakfast Tickets</legend>
                <span id="spryselect10">
                  <label for="breakfast1-5">Breakfast Tickets $40 each (up to 5 tickets)</label>
                  <br />
                  <select name="breakfast1-5" id="breakfast1-5">
                    <option value="0" selected="selected">Please Choose</option>
                    <option value="1">1</option>
                    <option value="2">2</option>
                    <option value="3">3</option>
                    <option value="4">4</option>
                    <option value="5">5</option>
                  </select>
                  <br />
                  <br />
                  <span class="selectRequiredMsg">Please select an item.</span></span> <span id="spryselect11">
                  <label for="breakfast+5">Breakfast Tickets $35.00 each (more than 5 tickets)</label>
                  <br />
                  <select name="breakfast+5" id="breakfast+5">
                    <option value="0" selected="selected">Please Choose</option>
                    <option value="5">5</option>
                    <option value="6">6</option>
                    <option value="7">7</option>
                    <option value="8">8</option>
                    <option value="9">9</option>
                    <option value="10">10</option>
                    <option value="10+">more than 10 (please comment below)</option>
                  </select>
                  <br />
                  <br />
                  <span class="selectRequiredMsg">Please select an item.</span></span> <span id="spryselect12">
                  <label for="breakfasttable">Breakfast Tickets $400 each (table of 8 plus two event hosts)<br />
                  </label>
                  <select name="breakfasttable" id="breakfasttable">
                    <option value="0" selected="selected">Please Choose</option>
                    <option value="1">1</option>
                    <option value="2">2</option>
                    <option value="3">3</option>
                    <option value="3+">More than 3</option>
                  </select>
                  <br />
                  <br />
                  <span class="selectRequiredMsg">Please select an item.</span></span> <span id="sprytextarea2">
                  <label for="breakfastticketscomment">Additional Information about Breakfast Tickets</label>
                  <span class="textareaRequiredMsg">A value is required.</span></span>
    </fieldset>
              <br />
              <fieldset>
                <legend>Seminar Tickets</legend>
                <p>Shayn Anderson, author of Taking Pride in That Which Sets US Apart, will host a one hour seminar at 11:00 am. </p>
                <p>
                  <label for="shayn11amreg">Shayn Anderson Seminar tickets $40 each</label>
                  <br />
                  <select name="shayn11amreg" id="shayn11amreg">
                    <option value="0" selected="selected">Please Choose</option>
                    <option value="1">1</option>
                    <option value="2">2</option>
                    <option value="3">3</option>
                    <option value="4">4</option>
                    <option value="5">5</option>
                    <option value="6">6</option>
                    <option value="7">7</option>
                    <option value="8">8</option>
                    <option value="9">9</option>
                    <option value="10">10</option>
                    <option value="10+">more than 10</option>
                  </select>
                  <span class="selectRequiredMsg">Please select an item.</span></p>
                <p>
                  <label for="shayn11amnp">Shayn Anderson Seminar tickets (Non-Profit) $30 each</label>
                  <br />
                  <select name="shayn11amnp" id="shayn11amnp">
                    <option value="0" selected="selected">Please Choose</option>
                    <option value="1">1</option>
                    <option value="2">2</option>
                    <option value="3">3</option>
                    <option value="4">4</option>
                    <option value="5">5</option>
                    <option value="6">6</option>
                    <option value="7">7</option>
                    <option value="8">8</option>
                    <option value="9">9</option>
                    <option value="10">10</option>
                    <option value="10+">more than 10</option>
                  </select>
                  <span class="selectRequiredMsg">Please select an item.</span></p>
                <p>Denise Bissonnette will do a seminar presentation at 1:00 pm on the topic Being True to the Dream of Diversity. Denise's presentation will run approximately 1.5 hours. </p>
                <p>
                  <label for="denise1pmreg">Denise Bissonnette Seminar tickets $50</label>
                  each <br />
                  <select name="denise1pmreg" id="denise1pmreg">
                    <option value="0" selected="selected">Please Choose</option>
                    <option value="1">1</option>
                    <option value="2">2</option>
                    <option value="3">3</option>
                    <option value="4">4</option>
                    <option value="5">5</option>
                    <option value="6">6</option>
                    <option value="7">7</option>
                    <option value="8">8</option>
                    <option value="9">9</option>
                    <option value="10">10</option>
                    <option value="10+">more than 10</option>
                  </select>
                  <span class="selectRequiredMsg">Please select an item.</span></p>
                <p>
                  <label for="denise1pmnp">Denise Bissonnette Seminar tickets (Non-Profit) $40 each<br />
                  </label>
                  <select name="denise1pmnp" id="denise1pmnp">
                    <option value="0" selected="selected">Please Choose</option>
                    <option value="1">1</option>
                    <option value="2">2</option>
                    <option value="3">3</option>
                    <option value="4">4</option>
                    <option value="5">5</option>
                    <option value="6">6</option>
                    <option value="7">7</option>
                    <option value="8">8</option>
                    <option value="9">9</option>
                    <option value="10">10</option>
                    <option value="10+">more than 10</option>
                  </select>
                  <span class="selectRequiredMsg">Please select an item.</span></p>
                <p><span id="sprytextarea3">
                  <label for="seminarcomments">Other Information About Seminar Tickets</label>
                  <textarea name="seminarcomments" id="seminarcomments" cols="45" rows="5"></textarea>
                </span></p>
    </fieldset>
              <br />
              <fieldset>
                <legend>Processing Information</legend>
                <span id="spryradio2">
                  <label>
                    <input type="radio" name="RadioGroup2" value="invoice" id="RadioGroup2_0" />
                    Please invoice me</label>
                  <br />
                  <label>
                    <input type="radio" name="RadioGroup2" value="printmail" id="RadioGroup2_1" />
                    I will print and mail my form with my payment</label>
                  <br />
                  <label>
                    <input type="radio" name="RadioGroup2" value="emailcreditcard" id="RadioGroup2_2" />
                    I will submit my information and provide my credit card information</label>
                  in the box below <br />
      <label>
        <input type="radio" name="RadioGroup2" value="other" id="RadioGroup2_3" />
        Other - I will provide full details below<br />
      </label>
                </span><span id="sprytextarea4"><span id="sprytextarea5">
                <label for="processingcomments"><br />
                  Further Information for Processing Registration</label>
                <textarea name="textarea1" id="textarea1" cols="45" rows="5"></textarea>
                <span class="textareaRequiredMsg">A value is required.</span></span></span> <span id="sprytextarea6"> <span class="textareaRequiredMsg">A value is required.</span></span>
    </fieldset>
              <p>
                <input name="submit" type="submit" class="buttons" id="submit" value="Submit Information" />
                <input name="reset" type="reset" class="buttons" id="reset" value="Reset Form" />
              </p>
            </form>

    Gramps, you are always coming to my rescue.
    Okay, I loaded the page under a different name http://abilityaxis.com/test.html. Viewing the source code doesn't show the yellow.
    For demonstration purposes I copied a small amount of the text and changed the colour of what is yellow in Dreamweaver to this pinkish colour (I tried yellow but you couldn't read it)
              <form id="registrationForm" name="registrationForm1" method="post" action="">
                <fieldset>
                  <legend>Contact Information</legend>
                  <span id="sprytextfield1">
                    <label>Name <span class="inforequired">*</span><br />
                      <input type="text" name="name" id="name" />
                      <br />
                   </label>
                    <span class="textfieldRequiredMsg">value is required.</span><span class="textfieldMinCharsMsg">Minimum number of characters not met.</span><span class="textfieldMaxCharsMsg">Exceeded maximum number of characters.</span></span> <span id="sprytextfield2">
                     <label for="businessname">(Business or Organization) Name<br />
                      </label>
                      <input type="text" name="businessname" id="businessname" />
    It basically goes all the way through the form.
    Any advice?
    thanks,
    deb

Maybe you are looking for

  • Error in 14th step  LSMW

    I have done all the steps in LSMW.I can display the converted data in 12th step.but in 13 th step create batch input session I am getting error.In 14 step I have run the process in front end,its go to MM01 screen and ask to type the value. it not aut

  • My entire itunes library has disappeared except 3 songs....how do I get it back?

    MY itunes library has been deleted except three songs...how do I get my music back?

  • VirtualBox 3.2.12 and SRS 5.2.1 compatibility

    Hi all, We have an education customer with a home grown VDI environment using the above product versions. From my understanding it would appear these product combinations are incompatible. Is this true ? We are seeing the occasionally DTU hang, terri

  • FTP upload on a web App

    Hi people, I am creating a web application which on one part need the user to upload an image. Rigth now iam testin the site on a free web host and so it just let me upload files using FTP, the problem is that i cant find the way to upload the image,

  • Is it possible to make Plant Maintenance Order Statistical

    Hi All, Is it possible to make Plant Maintenance Order Statistical so that cost will be directly booked to respective WBS elements *without* doing settlement.