Button link a form

I put a button on a form and I would like to have the button to launch a form.
I tried to find the place to enter the link, but button property does not have link and target.
I just wanted to know if it is possible to have a button to link a form and launch it.
Your information and help is great appreciated,
regards,
Iccsi

I am not sure what you mean by "have a button to link a form", but it's possible to have a button do any linking you want by MANUALLY adding some javascript to the code (there is no way to do this using just the DW user interface, unfortunately).
<input type="button" value="Button" onclick="window.location.assign('http://www.example.com/whatever.html');">
If what you mean by "launch a form" is "submit a form", then you can do that too -
<input type="button" value="Button" onclick="document.formname.submit();">

Similar Messages

How to add a link button in system form?

how to add a link button in system form in the edit text?

HI
see the following code
This creates an item "55" caption, and exittext ("550") and creates linked button "51" linked to "550"
        oItem = otmpform.Items.Add("55", SAPbouiCOM.BoFormItemTypes.it_STATIC)
        With oItem
            .Top = 315 + 30 + 15
            .Left = 12
            .Width = 100
            .Specific.Caption = "Többlet"
        End With
        otmpform.DataSources.UserDataSources.Add("550", SAPbouiCOM.BoDataType.dt_SHORT_TEXT)
        oItem = otmpform.Items.Add("550", SAPbouiCOM.BoFormItemTypes.it_EDIT)
        With oItem
            .Top = 315 + 30 + 15
            .Left = 120
            .Width = 100
            .Specific.DataBind.SetBound(True, "", "550")
            .AffectsFormMode = True
            .Description = otmpform.Items.Item("55").Specific.Caption
            .DisplayDesc = True
        End With
        oItem = otmpform.Items.Add("551", SAPbouiCOM.BoFormItemTypes.it_LINKED_BUTTON)
        With oItem
            .Top = 316 + 30 + 15
            .Left = 120 - 14
            .Width = 13
            .LinkTo = "550"
            .Specific.LinkedObject = SAPbouiCOM.BoLinkedObject.lf_GLAccounts
        End With
Regards,
J.

Button Link to Object Standard.

Dear All.,
Now I have a problem with button link to object stanbard (17 is Sale order object).
I have to use button link and Editbox on the new form, then I set button link to this editbox and set LinkedObject=17 in screen painter. I have run this form i select Sale Order document Number on this Editbox and i click button link to sale order that show data following my selected.. but it can't not open sale order and alert message "You are not permitted to perform this action [Message 200-30]".. so how can i set permitted to perform this action. pls help me...
Thanks,
Sivhour.

Hi Prasan,
Authorizations are set in under the Administration System Initialization Authorization General Authorization.
Regards,
Vítor Vieira

Link a Form Field to new Text Field

PDF - form field
Looking for a code to link a form field(text_1, on page #5) to
another, new form field(text_2, on pages 2-4).
Maybe a "Page Properties" action (i.e., Page Open: field text_2 = field text_1)
~~
Why....
busy but here's why
In the PDF, there are Form fields on page 5 which interface (externalinterface) with an RMA ( a SWF) on page 2.
This all works well.
As the form fields must be carried forward (from page 5 to page 2... to interface the RMA),
the orignal page 5, From fields are copied to pages 2-4 and then "Hidden".
Again, this works just fine.
A reset "action" (button) was added to, well, clear the Form Field for easy reuse.
The reset ''action' does it's job and clears ALL form fields with the same "Name".... on every /all pages.
This causes the dynamic interface, with the RMA, to display blank fields (within the SWF).
This will effect the User's experience.
~~
Work aound.....
Find a way to label the Form Fields (page 5) so that "only they" are reset, and no others.
Create a link of Form Field inputs on page 5 (with names... x,y,z),
to new Form Fields pages 2-4 (with a differnet names... a,b,c).
Thanks in advance for your help....
DS

Hi jm,
This may be what you are after. No text wrap, but notes are there.
Type an account number into the Enquire table to get Client and Contact
Formula in B2 (and Fill Right)
=INDEX(Database::B,MATCH($A2,Database::$A,0))
Large notes display table with Wrap Text
Formula is
=INDEX(Database::D,MATCH(Enquire::$A2,Database::A,0))
All together:
Change it around if you want to look up by Client instead of Account
Regards,
Ian.

How to insert into 2 tables from the same page (with one button link)

Hi,
I have the following 2 tables....
Employees
emp_id number not null
name varchar2(30) not null
email varchar2(50)
hire_date date
dept_id number
PK = emp_id
FK = dept_id
Notes
note_id number not null
added_on date not null
added_by varchar2(30) not null
note varchar2(4000)
emp_id number not null
PK = note_id
FK = emp_id
I want to do an insert into both tables via the application and also via the same page (with one button link). I have made a form to add an employee with an add button - adding an employee is no problem.
Now, on the same page, I have added a html text area in another region, where the user can write a note. But how do I get the note to insert into the Notes table when the user clicks the add button?
In other words, when the user clicks 'add', the employee information should be inserted into the Employees table and the note should be inserted into the Notes table.
How do I go about doing this?
Thanks.

Hi,
These are my After Submit Processes...
After Submit
30     Process Row of NOTES     Automatic Row Processing (DML)     Unconditional
30     Process Row of EMPLOYEES     Automatic Row Processing (DML)     Unconditional
40     reset page     Clear Cache for all Items on Pages (PageID,PageID,PageID)     Unconditional
40     reset page     Clear Cache for all Items on Pages (PageID,PageID,PageID)     Unconditional
40     reset page     Clear Cache for all Items on Pages (PageID,PageID,PageID)     Unconditional
40     reset page     Clear Cache for all Items on Pages (PageID,PageID,PageID)     Unconditional
50     Insert into Tables     PL/SQL anonymous block     Conditional
My pl/sql code is the same as posted earlier.
Upon inserting data into the forms and clicking the add button, I get this error...
ORA-06550: line 1, column 102: PL/SQL: ORA-00904: "NOTES": invalid identifier ORA-06550: line 1, column 7: PL/SQL: SQL Statement ignored
     Error      Unable to process row of table EMPLOYEES.
Is there something wrong with the pl/sql code or is it something else?

Submit Button in Interactive form is not Triggering (Webdynpro Java)

Hi,
I have developed one application for Online intractive form.I have created one text box and one submit button in Intractive
Form.I created a Action method Submit.I have bound the onActionSubmit() method to onSubmit Event of Intractive Form.
For testing i am putting some value in text box and Clicking Submit button.I have set the debugger in onActionSubmit()
method.But when I am Clicking Submit button, onActionSubmit() method is not triggering.I have
1. I have used Submit to SAP button (Pallet>Library>Web Dynpro).
2.I have ACF(Active Control Framework) instalation.
3.I have WAS 6.4 and NWDS 04.
4.I have SAPForms.api in   Program Files\Adobe\Acrobat 7.0\Reader\plug_ins path.
One Value Node DataSource (Cardinality 1..1) is binded into dataSource Property.And pdfSource property is binded to one value
attribute of binary Type.
I have done one application where i am getting data from R/3 System and displaying in PDF ,It is working fine.
I got below error in Log File for the above two applications.But geting the data from R/3 and displaying in PDF is working
fine even if it is giving below Error in Log
ClientJTSInterceptor.receive_reply
[EXCEPTION]
org.omg.CORBA.BAD_PARAM: Not found ServiceContext with id=0 vmcid: OMG minor code: 1A completed: Maybe
     at com.sap.engine.services.iiop.internal.giop.ClientRequest.get_reply_service_context(ClientRequest.java:284)
     at
com.sap.engine.services.ts.jts.ots.PortableInterceptor.ClientJTSInterceptor.receive_reply(ClientJTSInterceptor.java:91)
     at com.sap.engine.services.iiop.internal.giop.ClientRequest.dealReceiveReply(ClientRequest.java:133)
     at com.sap.engine.services.iiop.internal.giop.ClientRequest.dealReceiveReply(ClientRequest.java:125)
     at com.sap.engine.services.iiop.server.portable.Delegate.invoke(Delegate.java:282)
     at org.omg.CORBA.portable.ObjectImpl._invoke(ObjectImpl.java:486)
     at com.adobe.service._ControlAgentStub.done(_ControlAgentStub.java:83)
     at com.adobe.service.ProcessResource.onCommit(ProcessResource.java:609)
     at com.adobe.service.ResourcePeer.invokeCommit(ResourcePeer.java:130)
     at com.adobe.service.J2EEResourcePeerImpl.commit(J2EEResourcePeerImpl.java:124)
     at com.sap.engine.services.ts.jta.impl.ResourceList.commitTwoPhase(ResourceList.java:80)
     at com.sap.engine.services.ts.jta.impl.TransactionImpl.commit(TransactionImpl.java:355)
     at com.adobe.AdobeDocumentServicesLocalLocalObjectImpl0.rpData(AdobeDocumentServicesLocalLocalObjectImpl0.java:174)
     at sun.reflect.NativeMethodAccessorImpl.invoke0(Native Method)
     at sun.reflect.NativeMethodAccessorImpl.invoke(NativeMethodAccessorImpl.java:85)
     at sun.reflect.NativeMethodAccessorImpl.invoke(NativeMethodAccessorImpl.java:58)
     at sun.reflect.DelegatingMethodAccessorImpl.invoke(DelegatingMethodAccessorImpl.java:60)
     at java.lang.reflect.Method.invoke(Method.java:391)
     at
com.sap.engine.services.webservices.runtime.EJBImplementationContainer.invokeMethod(EJBImplementationContainer.java:126)
     at com.sap.engine.services.webservices.runtime.RuntimeProcessor.process(RuntimeProcessor.java:157)
     at com.sap.engine.services.webservices.runtime.RuntimeProcessor.process(RuntimeProcessor.java:79)
     at com.sap.engine.services.webservices.runtime.servlet.ServletDispatcherImpl.doPost(ServletDispatcherImpl.java:92)
     at SoapServlet.doPost(SoapServlet.java:51)
     at javax.servlet.http.HttpServlet.service(HttpServlet.java:760)
     at javax.servlet.http.HttpServlet.service(HttpServlet.java:853)
     at com.sap.engine.services.servlets_jsp.server.HttpHandlerImpl.runServlet(HttpHandlerImpl.java:390)
     at com.sap.engine.services.servlets_jsp.server.HttpHandlerImpl.handleRequest(HttpHandlerImpl.java:264)
     at com.sap.engine.services.httpserver.server.RequestAnalizer.startServlet(RequestAnalizer.java:347)
     at com.sap.engine.services.httpserver.server.RequestAnalizer.startServlet(RequestAnalizer.java:325)
     at com.sap.engine.services.httpserver.server.RequestAnalizer.invokeWebContainer(RequestAnalizer.java:887)
     at com.sap.engine.services.httpserver.server.RequestAnalizer.handle(RequestAnalizer.java:241)
     at com.sap.engine.services.httpserver.server.Client.handle(Client.java:92)
     at com.sap.engine.services.httpserver.server.Processor.request(Processor.java:148)
     at
com.sap.engine.core.service630.context.cluster.session.ApplicationSessionMessageListener.process(ApplicationSessionMessageLis
tener.java:33)
     at com.sap.engine.core.cluster.impl6.session.MessageRunner.run(MessageRunner.java:41)
     at com.sap.engine.core.thread.impl3.ActionObject.run(ActionObject.java:37)
     at java.security.AccessController.doPrivileged(AccessController.java:214)
     at com.sap.engine.core.thread.impl3.SingleThread.execute(SingleThread.java:100)
     at com.sap.engine.core.thread.impl3.SingleThread.run(SingleThread.java:170)
Please Suggest.
Thanks & Regards
muna

Hi Muna,
May ADS is not configured in server properly.
Check the below link. I hope it will help you.
Re: no action got executed corr to SubmitToSap button of Interactive forms
Thanks
Siva Arikatla

Multiple Submit buttons on one form

I'm developing an application that will have 4 buttons at the bottom of the form to do various things with the form information. One of the buttons will link to a separate web page for confirmation of the action. I tried to set a global variable and place an onclick event for the button which assigns a specific value for that variable. I then placed a <jsp:forward tag in my code that would be included if the global variable was the specific value which the button changes it to. I"m not sure if I'm being clear here. There is the forms page with the 4 buttons. It possesses all of this code. So the global variable is declared at the top. The variable is set if the 'Delete' button is clicked. And further down there is an if statement used to include the <jsp:forward tag when the 'Delete button has been pressed and this form is again being drawn up.
What I describe doesn't work. The global variable I guess is reset when this form is drawn up a second time after the 'Delete' submit button is pressed. I''m not married to the way that I'm solving this problem at this point so I'll take any suggestions. But basically I want the Web Forms fields to be sent to this delete jsp so that I can confirm the command to delete the indicated record from the database. The three other buttons on this form are 'Add/Update', 'Rename', and 'Cancel'. The Add/Update and Rename buttons should also be submit buttons but they should link back to the same page as they are located on. The cancel button is to return the user to the index page. I have this working using a document.location.href command in the onclick event for that button.
Brian

Hi Brain. If I'm following your thoughts, you may want to consider replacing the four sumbit buttons with four radio control buttons and one submit button.
I would suggest that you set your form action via a radio control button then, thru the form action, pass the form to a Servlet or JSP that contains some logic.
<!doctype html public "-//w3c//dtd html 3.2 final//en">
<html>
<head>
</head>
<body>

<form action='ServletOrJSPNameHere' method='post'>
<br> <input type='radio' name='formAction' value='Delete'>Delete
<br> <input type='radio' name='formAction' value='Add/Update'>Add/Update
<br> <input type='radio' name='formAction' value='Rename'>Rename
<br> <input type='radio' name='formAction' value='Cancel'>Cancel
<br> <input type='submit' value='submit'>
<form>
</body>
</html>
// this code would go into your Servlet, JSP, or worker class
String formAction = request.getParamger("formAction");
// test for null value
if ( formAction == null ) {
     // reload the page with a message to pick a radio button
else if ( formAction.equals("Delete") {
   doTheDeleteProcessing();
else if ( formAction.equals("Add/Update") {
   doTheAdd/UpdateProcessing();
else if ( formAction.equals("Rename") {
   doTheRenameProcessing();
else {
   doTheCancelProcessing();
}I hope this helps.

How can i make a button link in flash??

Hey Guys,
Im pretty new to flash but really need your help and
guidance. I have a nice video ive created, and i want to make the
buttons link to certain pages on a website it will be displayed at.
If you want to see the flash video in place on the website,
visit www.loveandmarriagebridal.co.uk - i want to make the buttons
to link to the following pages.
button 1. www.loveandmarriagebridal.co.uk/index.php
button 2. www.loveandmarriagebridal.co.uk/about_us.php
button 3. www.loveandmarriagebridal.co.uk/
button 4.
http://loveandmarriagebridal.co.uk/account.php
button 5.
http://loveandmarriagebridal.co.uk/contact_us.php
Could anybody please tell me exactly what i need to do in
order to acheive that. I am using Flash CS3. Ive looked around the
net for a solution, but i honestly have no idea what im searching
for.
Your help would be very much appreciated
Thanks
Andy

See which form of ActionScript you used to make the site.
Open the Actions panel and see whether you've chosen AS versions 1
& 2, or AS 3. If you've picked the earlier versions, you can
attach a link easily to each button by clicking on the button, and
adding a little code in the Actions panel. Turn on ScriptAssist to
make it easier. Click on "on" and choose "release" or "press" or
both. Then scroll down the commands on the left and add getURL. You
will then have a few lines that say something like, on(Release)
getURL("putyourpageurlhere"). See bottom for exact syntax. That's
all. The new .html or .php page will load when the button is
clicked.
If your buttons are not actually four-state buttons, but
graphic or movie clip symbols, you will have do it a little
differently. Instead of attaching the code to a button, you attach
it to a keyframe. You give your symbol an instance name in the
property panel, then in the Actions panel create a function that
says essentially: when you click on this instance (onRelease)
getURL.
If you're using AS3, the concept is similar but the code is
different. With a quick search you can find dozens of code examples
that you can cut and paste.
Here's that AS2 button code...

ADDING A LINK TO FORMS

Hi everyone,
I am currently using Adobe Muse CC 2014 - all the videos currently on Adobe TV have 2013 information which are slightly different to the current Adobe Muse.
When placing a link to an email address I click on the Hyperlinks heading - it used to be Links - I type mailto:plus the email address - however, this doesn't seem to work for me. Can someone please explain what am I missing?
I am also doing the same for the Submit button on my form.
Thank you in advance.
Mitzie

Thank you so much for your reply, it really helps.
When I do a testing, the email address is highlighted - demonstrating that it is a link - however, it doesn't actually take me to a separate Outlook (or whatever I use to send emails).
Then when I try to the same to a Submit button on a form it doesn't work at all.
Thank you for your assistance.

Want to hide button in a form if it is in insert mode

Dear Sir,
i am just developing some portal database provider forms and reports, i am calling a from
from one report using , and i just want to hide some button ex: save button in
the form and display the update button only when i call that form in the query
mode from the form using 3_d parameter , as both save and update buttons are
displayed when i call in any mode which i do not want
scenario :
1- create a portal db provider report using sql query on some table ex: employees table
2- include a link in that report to a form created on the same table ex: employees
with passing of parameter emp_no
ex: ''||emp_no||''
3- if the call in the query mode using 3d parameter (&p_arg_names=_emp_no_cond&p_arg_values=%3D) using note 248297.1,
when clicking on the link in the report on the emp_no the form appears with the
emp information displayed on the form and both ( save and update ) buttons
appearing
all that is working fine
is it possible to display the update button only without the save button on the form when this call in the query
mode happens???
note : i want the save button to be displayed only without the update button if i am running the form in the insert mode ( directly not from
report call)
please help ASAP. as it is urgent need
best regards
Ahmed Hussein

Usually, when you use a url like the example below to go to a portal form, the record will be queried up in the form, the Insert (Save) button will be hidden, and only the Update and Reset buttons will be shown. If you follow a url to the form without the "&p_arg_names=_EMPNO_COND&p_arg_values=%3D" in the url, it brings up the form in Insert mode with the Insert (Save), Query, and Reset buttons being shown and the Update button hidden.
To troubleshoot, double-check the URL in your report to make sure it is passing all the parameters with the correct p_arg_values for moduleid and COLUMNNAME (e.g. EMPNO). Here's an example:
http://your.portal.com/portal/pls/portal/PORTAL.wwa_app_module.link?p_arg_names=_moduleid&p_arg_values=012346789&p_arg_names=COLUMN_NAME&p_arg_values=123&p_arg_names=_COLUMN_NAME_COND&p_arg_values=%3D

Web links, email links, button links

I have several different links through out my site. I want them to look differently but it keeps inheriting the styles of my button link. How can I make them appear different. For instance, I don't want my email link to have a background behind it when you hoover. I just want it to change colors. What am I doing wrong. Can anyone help?
HTML
<p>According to the American Society of Civil Engineers (ASCE) the nations bridges are getting a little better – last graded as a “C” (2009) in 2013 they are graded as a “C+”. The ASCE not only has the National Report Card on infrastructure available <a href="http://www.infrastructurereportcard.org/" title="ASCE National Report Card" target="new" class="weblink">(see the 2013 report Card here),</a> they have State and Local reports available as well. <a href="http://www.asce.org/Infrastructure/Report-Card/State-and-Local-Report-Cards/" title="ASCE’s State and Local Report Cards." target="new" class="weblink">ASCE’s State and Local Report Cards.</a></p>
<p>Read the entire Case Study by clicking on the RESOURCES tab and selecting Pavemend Case Studies. Send us a photo and a brief report of your Pavemend repair and get a Pavemend Cap by “Mossy Oak.” <strong><a href="mailto:[email protected]" class="emaillink">[email protected]</a></strong>
</p>
CSS
a.weblink:link, a.weblink:visited, a.weblink:active {
    /* This will handle all the states of the link other than when it is hovered over */
     /* put your style rules in this area */
    color: #0033CC; /* or any other color */
    text-decoration: underline;
a.weblink:hover {
     /* This makes the link Text Hover Color controlable */
     color:#999; /* or whatever color you want that is different from the color that you set for the other statuses */
a.emaillink:link, a.emaillink:visited, a.emaillink:active {
    /* This will handle all the states of the link other than when it is hovered over */
     /* put your style rules in this area */
    color: #0033CC; /* or any other color */
    text-decoration: underline;
    background-color: none;
a.emaillink:hover {
    /* This makes the link Text Hover Color controlable */
    color: #999; /* or whatever color you want that is different from the color that you set for the other statuses */
    background-color: none;
a:link {
    color: #FFFFFF;
    text-decoration: none;
    font-size: 100%;
    padding: 5px;
a:visited {
    color: #FFFFFF;
    text-decoration: underline;
a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
    text-decoration: none;
    background-color: #03C;
    color: #FFF;
    height: 120%;
    alignment-baseline: text-after-edge;
    /* [disabled]font-size: smaller; */
    text-align: left;
    background-size: 0%;

Not sure what I'm doing wrong. Still not getting it right. Now my footer is wrong also:
CSS
@charset "UTF-8";
/* BEGIN HORIZONTAL DROP-MENU */
.clear-fix:before,
.clear-fix:after {
    content: " ";
    display: table;
.clear-fix:after {
    clear: both;
.clear-fix {
    *zoom: 1;
.sidebarleft img.MgTp {
    margin-top: 185px;
#menu {
    clear: none;
    position: static;
    width: 100%;
    padding-top: px;
    padding-right: px;
    padding-left: px;
    padding-bottom: px;
    background-image: url(_images/topnavpanel.png);
    color: #FFFFFF;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: px;
    background-repeat: no-repeat;
    float: none;
    text-align: center;
#menu ul {
    margin: 0;
    padding: 0;
    text-align: left;
#menu li {
    list-style: none;
    float: left;
    text-align: center;
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    color: #000000;
/**top level menu**/
#menu li a {
    display: inline-block;
    text-decoration: none;
    /* adjust width as needed or use auto */
    width: 13em;
    padding: 8px;
    font-weight: bold;
    line-height: 12px;
    color: #000;
    border-top-style: none;
    font-size: 90%;
    margin-bottom: 0;
    margin-left: 2%;
    margin-right: 2%;
    margin-top: 0;
    border-bottom-style: none;
    text-align: center;
/**top menu style on mouse over**/
#menu li:hover > a {
    color: #FFF;
    width: 13em;
    text-align: center;
/**sub-menu**/
#menu li ul {
    display: none;
    text-align: center;
    padding: 0;
    margin-bottom: 0;
    margin-left: 40px;
    margin-right: 0;
    margin-top: 0;
    border-bottom-style: none;
/**sub-menu, help for older IE**/
#menu li:hover ul, #menu li.hover ul {
    display: block;
    position: absolute;
    z-index: 1000;
    padding: 0;
    text-align: left;
#menu li:hover li, #menu li.hover li {
    float: none;
    background-color: #E1D5BB;
    text-align: left;
/**drop-menu style**/
#menu li:hover li a, nav li.hover li a {
    width: 14em; /* adjust width as needed or use auto */
    margin-top: 0;
/**drop-menu style on mouse over**/
#menu li li a:hover {
    color: #FFF;
    background-color: #03C;
    position: relative;
    text-align: left;
/* Clear floated elements at the end*/
#menu:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
/**END HORIZONTAL DROP-MENUS STYLES**/
#pavemendlogo {
    background-image: url(_images/PAVEMEND_LOGO_WHITE.png);
    background-repeat: no-repeat;
    height: 78px;
    width: 196px;
    margin-left: 23px;
    margin-top: -130px;
/**END HORIZONTAL DROP-MENUS STYLES**/
#pavemendlogoresourcepage {
    background-image: url(_images/PAVEMEND_LOGO_WHITE.png);
    background-repeat: no-repeat;
    height: 78px;
    width: 196px;
    margin-left: 23px;
    margin-top: -160px;
/**END HORIZONTAL DROP-MENUS STYLES**/
#slqlogo {
    background-image: url(_images/PMND_SLQ_logo_White.png);
    background-repeat: no-repeat;
    height: 92px;
    width: 225px;
    margin-left: 23px;
    margin-top: -170px;
    margin-bottom: 35px;
#fifteenlogo {
    background-image: url(_images/PMND15Whitesingle.png);
    background-repeat: no-repeat;
    height: 98px;
    width: 225px;
    margin-left: 23px;
    margin-top: -170px;
    margin-bottom: 29px;
    z-index: 1000;
#trlogo {
    background-image: url(_images/PMND_TRlogoWhite.png);
    background-repeat: no-repeat;
    height: 115px;
    width: 225px;
    margin-left: 23px;
    margin-top: -185px;
    margin-bottom: 26px;
    z-index: 1000;
#vrlogo {
    background-image: url(_images/PMND_VRlogoWhite.png);
    background-repeat: no-repeat;
    height: 134px;
    width: 225px;
    margin-left: 23px;
    margin-top: -195px;
    margin-bottom: 18px;
    z-index: 1000;
#dotlinelogo {
    background-image: url(_images/Dotline_White-Red.png);
    background-repeat: no-repeat;
    height: 91px;
    width: 225px;
    margin-left: 23px;
    margin-top: -170px;
    margin-bottom: 35px;
#sllogo {
    background-image: url(_images/SLwhitelogo.png);
    background-repeat: no-repeat;
    height: 92px;
    width: 225px;
    margin-left: 23px;
    margin-top: -170px;
    margin-bottom: 35px;
#ialogo {
    background-image: url(_images/InstantAsphalttopLogo.png);
    background-repeat: no-repeat;
    height: 102px;
    width: 225px;
    margin-left: 23px;
    margin-top: -170px;
    margin-bottom: 25px;
#kemroklogo {
    background-image: url(_images/KEMROK_LOGOWhiteType.png);
    background-repeat: no-repeat;
    height: 52px;
    width: 225px;
    margin-left: 23px;
    margin-top: -150px;
    margin-bottom: 53px;
#kemrokvrlogo {
    background-image: url(_images/KEMROK_LOGO_VR.png);
    background-repeat: no-repeat;
    height: 46px;
    width: 230px;
    margin-left: 23px;
    margin-top: -150px;
    margin-bottom: 59px;
#fireroklogo {
    background-image: url(_images/Firerok_logo_White.png);
    background-repeat: no-repeat;
    height: 81px;
    width: 225px;
    margin-left: 23px;
    margin-top: -155px;
    margin-bottom: 30px;
#awlogo {
    background-image: url(_images/PMNDAWlogowhite1.png);
    background-repeat: no-repeat;
    height: 70px;
    width: 225px;
    margin-left: 23px;
    margin-top: -155px;
    margin-bottom: 40px;
#aslogo {
    background-image: url(_images/PMNDASlogowhite1.png);
    background-repeat: no-repeat;
    height: 64px;
    width: 225px;
    margin-left: 23px;
    margin-top: -155px;
    margin-bottom: 47px;
#prochoicetype {
    background-image: url(_images/pro_choice_concrete_type.png);
    background-repeat: no-repeat;
    height: 27px;
    width: 550px;
    margin-left: 220px;
    margin-top: -40px;
    bottom: px;
    margin-bottom: 66px;
#resourcestype {
    background-image: url(_images/ResourcesType.png);
    background-repeat: no-repeat;
    height: 25px;
    width: 148px;
    margin-left: 220px;
    margin-top: -60px;
    bottom: px;
    margin-bottom: 73px;
#Contacttype {
    background-image: url(_images/PurchaseType.png);
    background-repeat: no-repeat;
    height: 25px;
    width: 151px;
    margin-left: 220px;
    margin-top: -60px;
    bottom: px;
    margin-bottom: 73px;
#Contesttype {
    background-image: url(_images/ContestType.png);
    background-repeat: no-repeat;
    height: 54px;
    width: 478px;
    margin-left: 220px;
    margin-top: -75px;
    bottom: px;
    margin-bottom: 59px;
#sustainabilitytype {
    background-image: url(_images/SustainabilityType.png);
    background-repeat: no-repeat;
    height: 25px;
    width: 179px;
    margin-left: 220px;
    margin-top: -60px;
    bottom: px;
    margin-bottom: 73px;
#techsupporttype {
    background-image: url(_images/TechSupportType.png);
    background-repeat: no-repeat;
    height: 25px;
    width: 761px;
    margin-left: 220px;
    margin-top: -60px;
    bottom: px;
    margin-bottom: 73px;
body {
    background-color: #666;
    color: #000;
    text-align: center;
    background-image: url(_images/roadblurred.png);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    padding-top: 60px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 100%;
    line-height: 1.4;
.formtext {
    font-size: 100%;
    text-align: left;
.bodyfootnote {
    font-size: 70%;
    margin-left: 20px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
.red {
    font-size: 70%;
    color: #F00;
/* ~~ Element/tag selectors ~~ */
ul, ol, dl { /* Due to variations between browsers, it's best practices to zero padding and margin on lists. For consistency, you can either specify the amounts you want here, or on the list items (LI, DT, DD) they contain. Remember that what you do here will cascade to the .nav list unless you write a more specific selector. */
    padding: 0;
    margin: 0;
    text-transform: capitalize;
    text-decoration: none;
    list-style: none;
    text-align: left;
h1, h2, h3, h4, h5, h6, p {
    /* [disabled]margin-top: 0; */     /* removing the top margin gets around an issue where margins can escape from their containing div. The remaining bottom margin will hold it away from any elements that follow. */
    padding-right: 15px;
    padding-left: 23px;
    line-height: 25px;
h4 {
    padding-left: 0px;
    color: #F40633;
    line-height: 0px;
    font-size: 100%;
h5 {
    padding-left: 23px;
    color: #F40633;
    line-height: 0px;
    font-size: 120%;
a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
    border: none;
    margin-left: 0px;
    position: ;
    top: 155px;
    -webkit-box-shadow: 0px 0px 0px 0px;
    box-shadow: 0px 0px 0px 0px;
    left: 9px;
/* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
a:link {
    color: #FFFFFF;
    text-decoration: none;
    font-size: 100%;
    padding: 5px;
a:visited {
    color: #FFFFFF;
    text-decoration: underline;
a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
    text-decoration: none;
    background-color: #03C;
    color: #FFF;
    height: 120%;
    alignment-baseline: text-after-edge;
    /* [disabled]font-size: smaller; */
    text-align: left;
    background-size: 0%;
a.weblink:link, a.weblink:visited, a.weblink:active {
    /* This will handle all the states of the link other than when it is hovered over */
     /* put your style rules in this area */
        background-color: none;
        color: #0033CC; /* or any other color */
    text-decoration: underline;
a.weblink:hover {
     /* This makes the link Text Hover Color controlable */
        background-color: none;
     color:#999; /* or whatever color you want that is different from the color that you set for the other statuses */
a.emaillink:link, a.emaillink:visited, a.emaillink:active {
    /* This will handle all the states of the link other than when it is hovered over */
     /* put your style rules in this area */
    background-color: none;
    color: #0033CC; /* or any other color */
    text-decoration: underline;
a.emaillink:hover {
    /* This makes the link Text Hover Color controlable */
    background-color: none;
    color: #999; /* or whatever color you want that is different from the color that you set for the other statuses */
/* ~~this fixed width container surrounds the other divs~~ */
.container {
    width: 960px;
    background-color: #FFF; /* the auto value on the sides, coupled with the width, centers the layout */
    background-image: url(_images/Bridge4WebScreened.png);
    background-repeat: no-repeat;
    margin-bottom: 0;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0;
    text-align: left;
    position: static;
.containerTS {
    width: 960px;
    background-color: #FFF;
    margin: 0 0px; /* the auto value on the sides, coupled with the width, centers the layout */
    background-image: url(_images/US_Map.png);
    background-repeat: no-repeat;
    text-align: left;
/* ~~ the header is not given a width. It will extend the full width of your layout. It contains an image placeholder that should be replaced with your own linked logo ~~ */
.header {
    background-color: #000;
    background-image: url(_images/BannerBlured960.png);
    height: 229px;
    background-repeat: no-repeat;
    width: 960px;
    background-size: contain;
.headerSL {
    background-color: #000;
    background-image: url(_images/PMND_SL_Header.png);
    height: 229px;
    background-repeat: no-repeat;
    width: 960px;
.headerPurchase {
    background-color: #000;
    background-image: url(_images/contact_us_pavemend_header.png);
    height: 229px;
    background-repeat: no-repeat;
    width: 960px;
.headerSLQ {
    background-color: #000;
    background-image: url(_images/PMND_SLQ_Header.png);
    height: 229px;
    background-repeat: no-repeat;
    width: 960px;
.headerDOTline {
    background-color: #000;
    background-image: url(_images/DOTLINEHeader.png);
    height: 229px;
    background-repeat: no-repeat;
    width: 960px;
.header15 {
    background-color: #000;
    background-image: url(_images/PMND15Header.png);
    height: 229px;
    background-repeat: no-repeat;
    width: 960px;
.headerTR {
    background-color: #000;
    background-image: url(_images/PMND_TRHeader.png);
    height: 229px;
    background-repeat: no-repeat;
    width: 960px;
.headerAW {
    background-color: #000;
    background-image: url(_images/anti_wear_pavemend_header.png);
    height: 229px;
    background-repeat: no-repeat;
    width: 960px;
.headerAS {
    background-color: #000;
    background-image: url(_images/anti_scale_pavemend_header.png);
    height: 229px;
    background-repeat: no-repeat;
    width: 960px;
.headerVR {
    background-color: #000;
    background-image: url(_images/PMND_VRHeader.png);
    height: 229px;
    background-repeat: no-repeat;
    width: 960px;
.headerIA {
    background-color: #000;
    background-image: url(_images/Instant_asphalt_packaged_Header.png);
    height: 229px;
    background-repeat: no-repeat;
    width: 960px;
.headerKemrok {
    background-color: #000;
    background-image: url(_images/KEMROKpackagedHeader.png);
    height: 229px;
    background-repeat: no-repeat;
    width: 960px;
.headerKemrokVR {
    background-color: #000;
    background-image: url(_images/KEMROK_VRpackagedHeader.png);
    height: 229px;
    background-repeat: no-repeat;
    width: 960px;
.headerFirerok {
    background-color: #000;
    background-image: url(_images/FIREROKpackagedHeader.png);
    height: 229px;
    background-repeat: no-repeat;
    width: 960px;
.headerAntiWear {
    background-color: #000;
    background-image: url(_images/anti_wear_pavemend_header.png);
    height: 229px;
    background-repeat: no-repeat;
    width: 960px;
.headerTechSupport {
    background-color: #000;
    background-image: url(_images/FEBlurred.png);
    height: 229px;
    background-repeat: no-repeat;
    width: 960px;
.headerResources {
    background-color: #000;
    background-image: url(_images/ResourceBanner.png);
    height: 229px;
    background-repeat: no-repeat;
    width: 960px;
.headerContact {
    background-color: #000;
    background-image: url(_images/contact_us_pavemend_header.png);
    height: 229px;
    background-repeat: no-repeat;
    width: 960px;
.headerSustainability {
    background-color: #000;
    background-image: url(_images/Sustainability_topheader.png);
    height: 229px;
    background-repeat: no-repeat;
    width: 960px;
.header h1 {
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 20pt;
    font-style: normal;
    font-weight: bolder;
    color: #FFF;
    padding-top: 150px;
    padding-left: 30px;
/* ~~ These are the columns for the layout. ~~
1) Padding is only placed on the top and/or bottom of the divs. The elements within these divs have padding on their sides. This saves you from any "box model math". Keep in mind, if you add any side padding or border to the div itself, it will be added to the width you define to create the *total* width. You may also choose to remove the padding on the element in the div and place a second div within it with no width and the padding necessary for your design.
2) No margin has been given to the columns since they are all floated. If you must add margin, avoid placing it on the side you're floating toward (for example: a right margin on a div set to float right). Many times, padding can be used instead. For divs where this rule must be broken, you should add a "display:inline" declaration to the div's rule to tame a bug where some versions of Internet Explorer double the margin.
3) Since classes can be used multiple times in a document (and an element can also have multiple classes applied), the columns have been assigned class names instead of IDs. For example, two sidebar divs could be stacked if necessary. These can very easily be changed to IDs if that's your preference, as long as you'll only be using them once per document.
4) If you prefer your nav on the left instead of the right, simply float these columns the opposite direction (all left instead of all right) and they'll render in reverse order. There's no need to move the divs around in the HTML source.
.sidebar1 {
    float: right;
    width: 180px;
    margin-left: 0px;
    margin-right: 30px;
    clear: none;
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 100%;
    font-style: italic;
    background-image: url(_images/Testimonialb.gif);
    background-repeat: no-repeat;
    height: 456px;
    text-decoration: none;
    z-index: 1000;
.sidebarPurchase {
    float: right;
    width: 210px;
    margin-left: 0px;
    margin-right: 0px;
    clear: none;
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 100%;
    font-style: italic;
    background-image: url(_images/purchaseSB.png);
    background-repeat: no-repeat;
    height: 460px;
    margin-top: 0px;
    text-decoration: none;
    background-color: #217CC0;
    background-position: 10px 10px;
.sidebarPurchasePhoto {
    width: 190px;
    margin-left: 10px;
    margin-right: 20px;
    clear: none;
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 100%;
    font-style: italic;
    background-image: url(_images/purchaseSB.png);
    background-repeat: no-repeat;
    height: 127px;
    margin-top: 320px;
    text-decoration: none;
    /* [disabled]background-color: #217CC0; */
    background-position: 10px 10px;
    text-align: center;
.ipadsidebar {
    float: right;
    width: 200px;
    margin-left: 0px;
    margin-right: -20px;
    clear: none;
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 100%;
    font-style: italic;
    background-image: url(_images/iPadSidebar.png);
    background-repeat: no-repeat;
    height: 460px;
    margin-top: 0px;
    text-decoration: none;
    background-position: 0px 0px;
    text-align: right;
.sidebarleft {
    float: left;
    width: 200px;
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 85%;
    font-style: oblique;
    height: 180px;
    text-decoration: none;
    padding-top: 8px;
    padding-left: 10px;
    margin-right: 5px;
    margin-bottom: px;
    background-color: #217CC0;
    vertical-align: bottom;
    line-height: 120%;
    font-weight: bold;
    border-bottom-style: groove;
    border-bottom-width: 10px;
    margin-top: 0px;
    text-align: left;
.sidebarleftnonav {
    float: left;
    width: 200px;
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 85%;
    font-style: oblique;
    height: 180px;
    text-decoration: none;
    padding-top: 8px;
    padding-left: 10px;
    margin-right: 5px;
    margin-bottom: px;
    /* [disabled]background-color: #217CC0; */
    vertical-align: bottom;
    line-height: 120%;
    font-weight: bold;
    border-bottom-style: none;
    border-bottom-width: 10px;
    margin-top: 0px;
    text-align: left;
.sidebarleftresources {
    float: left;
    width: 200px;
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 83%;
    font-style: oblique;
    height: 490px;
    text-decoration: none;
    padding-top: 8px;
    padding-left: px;
    margin-right: 5px;
    margin-bottom: px;
    background-color: #217CC0;
    vertical-align: bottom;
    line-height: 120%;
    font-weight: bold;
    border-bottom-style: groove;
    border-bottom-width: 10px;
    margin-top: 0px;
    text-align: left;
.sidebargreen {
    float: left;
    width: 195px;
    height: 410px;
    text-decoration: none;
    padding-top: 20px;
    margin-right: 5px;
    background-color: #8CC63F;
    border-bottom-style: groove;
    border-bottom-width: 10px;
    margin-top: -4px;
    padding-left: 10px;
.nav2 {
    font-family: bebas-neue;
    font-style: normal;
    font-weight: 400;
    color: #FFF;
    text-align: left;
.content {
    width: 730px;
    float: left;
    background-image: none;
    background-repeat: no-repeat;
    background-position: left;
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    padding: 10px 0;
    text-align: left;
    font-size: 100%;
    margin-left: px;
.contactform {
    width: 680px;
    background-image: none;
    background-repeat: no-repeat;
    background-position: left;
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    padding: 10px 0;
    text-align: left;
    font-size: 90%;
    margin-left: 23px;
    z-index: 1000;
.contestcontactform {
    width: 680px;
    background-image: none;
    background-repeat: no-repeat;
    background-position: left;
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    padding-top: 0px;
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 10px;
    text-align: left;
    font-size: 90%;
    margin-left: 23px;
    z-index: 1000;
    margin-top: 100px;
/* ~~ This grouped selector gives the lists in the .content area space ~~ */
.content ul, .content ol {
    padding: 0 15px 15px 40px;
    text-decoration: none;
/* ~~ The navigation list styles (can be removed if you choose to use a premade flyout menu like Spry) ~~ */
ul.nav {
    list-style: none; /* this removes the list marker */
    border-top: 1px solid #666; /* this creates the top border for the links - all others are placed using a bottom border on the LI */
    margin-bottom: 15px; /* this creates the space between the navigation on the content below */
    text-decoration: none;
ul.nav li {
    border-bottom: 1px solid #666;
    text-align: left;
ul.nav a, ul.nav a:visited { /* grouping these selectors makes sure that your links retain their button look even after being visited */
    padding: 5px 5px 5px 15px;
    display: block; /* this gives the link block properties causing it to fill the whole LI containing it. This causes the entire area to react to a mouse click. */
    width: 160px; /*this width makes the entire button clickable for IE6. If you don't need to support IE6, it can be removed. Calculate the proper width by subtracting the padding on this link from the width of your sidebar container. */
    text-decoration: none;
    background-color: #C6D580;
    text-align: left;
ul.nav a:hover, ul.nav a:active, ul.nav a:focus { /* this changes the background and text color for both mouse and keyboard navigators */
    background-color: #DFEBF3;
    color: #FFF;
    text-decoration: none;
    text-align: left;
/* ~~ The footer ~~ */
.footer {
    padding: 10px 0;
    position: relative;/* this gives IE6 hasLayout to properly clear */
    clear: both;
    background-color: #000000;
    height: 150px;
/* ~~ miscellaneous float/clear classes ~~ */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
    float: left;
    margin-left: 760px;
.fltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
    float: left;
    margin-right: 8px;
    margin-left: 23px;
.clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the #container) if the #footer is removed or taken out of the #container */
    clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
.productlogos {
    margin-left: 23px;
    margin-top: 20px;
    float: none;
.Bold {
    font-weight: bold;
.left {
    text-align: left;
.inherent {
    font-style: inherit;
sup {
    position: relative;
    top: -1ex;
    vertical-align:baseline;
    font-size: 75%;
.footer p {
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 80%;
    color: #FFF;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-right: 30px;
#wrapper {
     width:970px; /**adjust as needed**/
     margin:0 auto; /**centers page on screen**/
.fltrtpostcard { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
    float: left;
    margin-left: 720px;
    top: 0px;
    margin-top: -200px;
    margin-bottom: 20px;
    margin-right: 0px;
    height: auto;
.flt_rgt {
    float: right;
    margin-top: 15px;
    margin-right: 30px;
    background-image: ;
    background-repeat: no-repeat;
.flt_pftrgt {
    float: right;
    margin-top: -50px;
    margin-right: 0px;
    background-image: ;
    background-repeat: no-repeat;
.flt_rgtbtmlogo {
    float: right;
    margin-top: 20px;
    margin-right: 30px;
    background-image: ;
    background-repeat: no-repeat;
.flt_rgt2 {
    float: right;
    margin-top: px;
    margin-right: 30px;
    background-image: ;
    background-repeat: no-repeat;
    top: -50px;
    right: -20px;
    padding-top: 0px;
    padding-right: 50px;
.title {
    /* [disabled]margin-right: 30px; */
    margin-top: 0px;
    margin-left: 23px;
    background-image: ;
    background-repeat: no-repeat;
    /* [disabled]margin-left: 20px; */
    top: 30px;
    /* [disabled]margin-top: 30px; */
    left: 30px;
.flt_products {
    float: right;
    margin-right: 30px;
    background-image: ;
    background-repeat: no-repeat;
    margin-left: 500px;
    margin-top: -70px;
.flt_productsb {
    float: left;
    margin-right: 30px;
    background-image: ;
    background-repeat: no-repeat;
    margin-left: 500px;
    margin-top: -80px;
    visibility: inherit;
.flt_productslq {
    float: left;
    margin-right: 30px;
    background-image: ;
    background-repeat: no-repeat;
    margin-left: 350px;
    margin-top: -125px;
.flt_producttr {
    float: left;
    margin-right: 30px;
    background-image: ;
    background-repeat: no-repeat;
    margin-left: 375px;
    margin-top: -125px;
.flt_productvr {
    float: left;
    margin-right: 30px;
    background-image: ;
    background-repeat: no-repeat;
    margin-left: 475px;
    margin-top: -105px;
.flt_productia {
    float: left;
    margin-right: 30px;
    background-image: ;
    background-repeat: no-repeat;
    margin-left: 420px;
    margin-top: -125px;
.flt_productkemrok {
    float: left;
    margin-right: 30px;
    background-image: ;
    background-repeat: no-repeat;
    margin-left: 485px;
    margin-top: -180px;
.flt_productkemrokvr {
    float: left;
    margin-right: 30px;
    background-image: ;
    background-repeat: no-repeat;
    margin-left: 590px;
    margin-top: -170px;
.flt_productfirerok {
    float: left;
    margin-right: 30px;
    background-image: ;
    background-repeat: no-repeat;
    margin-left: 485px;
    margin-top: -170px;
.flt_productaw {
    float: left;
    margin-right: 30px;
    background-image: ;
    background-repeat: no-repeat;
    margin-left: 430px;
    margin-top: -170px;
.flt_product15 {
    float: left;
    margin-right: 30px;
    background-image: ;
    background-repeat: no-repeat;
    margin-left: 280px;
    margin-top: -125px;
.flt_productdotline {
    float: left;
    margin-right: 30px;
    background-image: ;
    background-repeat: no-repeat;
    margin-left: 280px;
    margin-top: -155px;
.flt_productsl {
    float: left;
    margin-right: 30px;
    background-image: ;
    background-repeat: no-repeat;
    margin-left: 370px;
    margin-top: -170px;
.container section nav {
    background-image: url(_images/topnavpanel.png);
    background-repeat: no-repeat;
    height: 30px;
    width: 960px;
    padding-top: 3px;
nav ul {
    list-style: none; /* this creates the space between the navigation on the content below */
    font-size: 90%;
    border-top-width: 0px;
    border-top-style: solid;
    /* [disabled]border-top-color: #666; */
    position: absolute;
    line-height: 120%;
    text-align: left;
nav ul li {
    text-decoration: none;
    color: #FFF;
nav ul a:link , nav ul a:visited { /* grouping these selectors makes sure that your links retain their button look even after being visited */
    padding: 5px 5px 5px 15px;
    display: block; /* this gives the link block properties causing it to fill the whole LI containing it. This causes the entire area to react to a mouse click. */
    width: 160px; /*this width makes the entire button clickable for IE6. If you don't need to support IE6, it can be removed. Calculate the proper width by subtracting the padding on this link from the width of your sidebar container. */
    text-decoration: none;
    text-align: left;
    color: #FFF;
nav ul a:hover, nav ul a:active, nav ul a:focus { /* this changes the background and text color for both mouse and keyboard navigators */
    color: #FFF;
    text-decoration: none;
nav ul a:hover, nav ul a:active, nav ul a:focus { /* this changes the background and text color for both mouse and keyboard navigators */
    color: #FFF;
    text-decoration: none;
    height: 120%;
    width: auto;
    margin-left:;
.orange {
    color: #FAA634;
.white {
    color: #FFFFFF;
.red {
    color: #F00;
.red1 {
    color: #F00;
.toppanel {
    background-image: url(_images/topnavpanel.png);
    background-repeat: no-repeat;
    height: 30px;
    width: 960px;
.white {
.CeraTechLogo {
    background-image: url(_images/CTI_logo_white.png);
    background-repeat: no-repeat;
    width: 200px;
    height: 60px;
#resources {
    background-image: url(_images/ResourcesType.png);
    background-repeat: no-repeat;
    height: 25px;
    width: 521px;
    margin-left: 200px;
    margin-top: -40px;
.pavemendlogo {
    margin-left: 23px;
    margin-top: -130px;
    /* [disabled]margin-top: -40px; */
.footer_img {
    margin-top: -20px;
    margin-left: -10px;
.footer_img2 {
    margin-top: -40px;
    text-align: right;
    float: left;
    margin-right: 35px;
    margin-left: 200px;
footer aside {
    width: 25%;
    float: left;
    text-align: left;
    min-height: 50px;
    margin-left: 23px;
    line-height: 120%;
    font-size: 80%;
    margin-top: 20px;
.aside2 {
    float: none;
    margin-left: 100px;
    width: 29%;
    margin-top: 35px;
.aside3 {
    float: none;
    margin-left: 400px;
    width: 29%;
    line-height: 120%;
    margin-top: -43px;
.sidebarleft img {
    margin-left: -10px;
.sidebarleft icon {
    margin-top: 0px;
    margin-left: -10px;
.sidebarleft nav ul li a img {
    margin-top: 0px;
.content section p a {
    color: #000000;
    font-size: 100%;
/**sub-menu, help for older IE**/
.content section p a:hover ul {
    display: block;
    position: ;
    z-index:1000;
    padding: 0;
.content section p a:hover li, .content section p a li.hover li {
    float: none;
    background-color: #E1D5BB;
/**drop-menu style**/
.content section p a:hover li a, nav li.hover li a {
    width: 14em; /* adjust width as needed or use auto */
    margin-top: 0;
/**drop-menu style on mouse over**/
.content section p a:hover {
    position: relative;
    background-color: none;
    background-image: ;
    background-image: ;
    height: 120%;
    width: 120%;
    overflow-y: hidden;
    overflow-x: hidden;
    visibility: visible;
    font-weight: bold;
    color: rgba(255,255,255,1.00);
/* Clear floated elements at the end*/
.content section p a:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
#firstname {
    width: 330px;
    margin-top: 0px;
#lastname {
     width:330px;
#streetaddress {
     width:684px;
#city {
     width:330px;
#zip {
     width:260px;
#company {
     width:684px;
#phone {
     width:330px;
#email {
     width:330px;
#outsidetheus {
     width:330px;
HTML
<!doctype html>
<html>
<head>
<meta charset="UTF-8">

<title>Permanent Concrete and Asphalt Repair Home Page</title>
<meta name="description" content="CeraTech's Pavemend family of high performance concrete repair products have become the choice of professionals across the country for their rapid return to service, versatility, ease of use, and superior durability.">

<link href="../pavmend_styles.css" rel="stylesheet" type="text/css">
<style type="text/css">
a:link {color:blue}
a:visited {color:black}
a:hover,
a:active,
a:focus {background:blue; color:white}
.weblink a:link {color:blue}
.weblink a:visited {color:yellow}
.weblink a:hover,
.weblink a:active,
.weblink a:focus {background:none; color:red}
.email a:link {color:green}
.email a:visited {color:silver}
.email a:hover,
.email a:active,
.email a:focus {background:none; color:navy}
</style>


</head>
<body>
<div id="wrapper">
<div class="container">

<div class="header"></div>
<div id="pavemendlogo"></div>
      <div id="prochoicetype"></div>

<nav>
    <ul id="menu">
      <li><a href="../pavemend_home_page.html">OUR PRODUCTS ▼</a>
        <ul>
          <li><a href="../slq_product_page.html">SLQ<sup>®</sup> - Very Rapid Repair Mortar</a></li>
          <li><a href="../sl_product_page.html">SL<sup>®</sup> - Semi-Leveling Rapid Repair Concrete</a></li>
          <li><a href="../dotline_product_page.html">DOTLine™ - Pre-Extended Rapid Repair Concrete</a></li>
          <li><a href="../15.0_product_page.html">Pavemend 15.0<sup>®</sup> - Self Leveling Rapid Repair Mortar</a></li>
          <li><a href="../TR_product_page.html">Pavemend TR<sup>®</sup> - Semi-Leveling Rapid Repair Mortar</a></li>
          <li><a href="../VR_product_page.html">Pavemend VR<sup>®</sup> - Vertical & Overhead Rapid Repair Mortar</a></li>
          <li><a href="../IA_product_page.html">Instant Asphalt™ - Permanent Asphalt Repair Material</a></li>
          <li><a href="../kemrok_product_page.html">KEMROK™ - Chemical Resistant Repair Concrete</a></li>
          <li><a href="../kemrokVR_product_page.html">KEMROK VR™ - Vertical & Overhead Chemical Resistant Repair Mortar</a></li>
          <li><a href="../firerok_product_page.html">FIREROK™ - High Temperature Repair Concrete</a></li>
          <li><a href="../antiwear_product_page.html">Anti-Wear™ - Reactive, Concrete Surface Hardener</a></li>
          <li><a href="../antiscale_product_page.html">Anti-Scale™ - Reactive, Concrete Surface Hardener</a></li>
        </ul>
      </li>
      <li><a href="../resources_page.html">RESOURCES</a></li>
      <li><a href="../technical_support.html">TECHNICAL SUPPORT</a></li>
      <li><a href="../contact_page.html">CONTACT US</a></li>
    </ul>
</nav>

</section>

<div class="sidebar1">
    
</div>


<div class="content">
    <p>
    <section>
        <p> </p>
<img src="../_images/homeheader.png" alt="" width="650" height="31" class="fltlft"/>
    </section>
    </p>
    <p> </p>
</section>
    <p> </p>
      <section><p><strong>Pavemend</strong><sup>®</sup> concrete and asphalt repair products are quickly becoming the preferred repair materials for Turnpike, State DOT bridge crews and discriminating engineers who recognize the value of durable, permanent concrete and asphalt repairs. Contractors and maintenance personnel save time, reduce repair costs, and minimize exposure to traffic and traffic disruptions.</p>
        <h3>Concrete & Asphalt repair applications include:</h3>
        <table width="700" align="left" >
          <tr>
            <td valign="top" nowrap style="padding-left: 15px;">Full & Partial Depth Bridge Deck Repairs </td>
            <td valign="top" nowrap style="padding-left: 15px;">Dowel Bar Retrofits</td>
            <td valign="top" nowrap style="padding-left: 15px;">Industrial Concrete Repair</td>
          </tr>
          <tr>
            <td valign="top" nowrap style="padding-left: 15px;">Bridge Header Joints</td>
            <td valign="top" nowrap style="padding-left: 15px;">Cold Weather Repairs</td>
            <td valign="top" nowrap style="padding-left: 15px;">Concrete Exposed to High Heat </td>
          </tr>
          <tr>
            <td valign="top" nowrap style="padding-left: 15px;">Bridge Approach Slabs</td>
            <td valign="top" nowrap style="padding-left: 15px;">Runway Repairs</td>
            <td valign="top" nowrap style="padding-left: 15px;">Concrete Exposed to Chemicals</td>
          </tr>
          <tr>
            <td valign="top" nowrap style="padding-left: 15px;">Form & Pour Repairs</td>
            <td valign="top" nowrap style="padding-left: 15px;">Utility Trenches</td>
            <td valign="top" nowrap style="padding-left: 15px;">Concrete Exposed to Wastewater</td>
          </tr>
          <tr>
            <td valign="top" nowrap style="padding-left: 15px;">Joint Nosings</td>
            <td valign="top" nowrap style="padding-left: 15px;">Post Grooving Treatments</td>
            <td valign="top" nowrap style="padding-left: 15px; padding-bottom: 30px;">Manhole Rehabilitation</td>
          </tr>
        </table>
<h3>Sustainable Concrete and Asphalt Repair Technology</h3>
<p>Featuring technology developed in the USA, Pavemend products require only the addition of water, no bonding agents or curing compounds. Pavemend concrete and asphalt products are easier to use, offer greater durability provide, superior return on investment, and are by the far the most sustainable repair products available today.</p>
      </section>
            <p> </p>
</div>


<footer>
         <img src="../_images/productfamily.png" alt="" width="250" height="80" class="flt_products"/>
<div class="footer"><img src="../_images/Done_Smart_White_Logo.png" alt="done_smart_white" width="150" height="17" class="flt_rgt" />
<aside><strong><em style="color: #FFF; font-size: 90%;">Manufactured by</em></strong><br><br>
<img src="../_images/CTI_logo_white.png" alt="" width="200" height="47" class="footer_img"/></aside>
<aside class="aside2"><a href="#../twitter.com/Pavemend"><strong><em>Twitter</em></strong> <img src="../_images/twitter-bird-dark-bgs.png" width="20" height="17" alt=""/></a></aside>
<aside class="aside3"><strong><em style="color: #FFF"><a href="../sustainability_page.html">Planet Friendly Technology</a></em></strong><br>
<a href="../sustainability_page.html"><img src="../_images/PFTLogo.png" alt="Planet Friendly Technology" width="75" height="73" class="footer_img2" title="Planet Friendly Technology"/></a></aside>
</footer>
    </div>
</div>

</body>
</html>
I feel like I'm making a mess of it.

Submit button in Interactive form WDA

Hi All,
I have created one WD ABAP interactive form using one BAPI. I have placed one Submit button on the form which is of type (webdynpro native). And i have defined on action in WD. But when I click on submit button the action is not trigerring. I tried even with Webdynpro Active x type but still no use.
How can I link the button in form to action?
With Regards,
Ravi

Ravi,
There is onSubmit event in Web Dynpro where you can create your own method for data processing.
If you have set displayType as native then you should be using Submit button from WD Native Library in Designer.
Once you place the button on the form, check if following script is present in the click event of button in Script editor of Designer or not.
// DO NOT MODIFY THE CODE BEYOND THIS POINT - SubmitToSAP.xfo
ContainerFoundation_JS.SendMessageToContainer(event.target, "submit", "", "", "", "");
// END OF DO NOT MODIFY
Also check Control Type in Object Palette for the button. It should be Regular.
Chintan

Previous page navigation after on click of cancel button of a form in adf

Hi,
Can any one tell how previous page navigation works in adf?
I am working on a portal page which is having a common footer for all jspx pages.This footer contains a golink for feedback form.
so the problem is when I Navigate to any page (# page 1)and then Navigate to some other page (#page 2) and on click of Feedback link displayed on footer of page 2 Feedback form is displayed. and on Click of Cancel button of the form.
Expected Result:
User should be navigated to the page that they were on. (i.e., Page 2)
Actual Result:
User is navigated to page 1 instead of page 2
i.e it is taking browser previous url.
I am using the following code for the cancel button
<af:commandLink text="Cancel" id="cl5">
<af:clientListener method="goBack" type="click"/>
</af:commandLink>
java script....
function goBack()
window.history.back()
Edited by: 993530 on Apr 23, 2013 3:35 AM

Hi,
Immediate = true is already been set for cancel button
The problem is when i come back to the 1st page vo is getting executed again and is taking lot of time.. i need to see that vo does not get executed again
in the vo for view criteria -- query execution mode , i have made as in memory and now it has become fast on click of cancel button. But i am getting the following error when i perform search in the first page
Missing FROM in a SELECT statement
An unexpected expression token is found.
Thanks,
.

Error when pressing a navigation button to another form

Hi,
I created a navigation button in a form based on a table by adding the following code in Additional PL/SQL code:
htp.formopen ('PORTAL30.wwa_app_module.new_instance?p_moduleid=1226442050');
htp.formsubmit (null,'Form1');
htp.formclose;
The button is created, but whenever I press that button I get the following error:
An unexpected error occurred: ORA-01403: no data found (WWV-16016)
The Run Link seems to be the problem, however, I don't understand, for I checked it (a couple of times) and it is the correct Run Link.
Any help would be greatly appreciated.
Kees Broess

Hi,
You should put this code in the "after displaying the page" plsql section. If you put it before this section this error
will occur.
Thanks,
Sharmila

How to link another forms and reports in one main forms?

hai all,
how to link another forms and reports in one main forms?
i am creating Custom forms Main_menu
in that i am puting on button and
pl/sql code for when-button-pressed
BEGIN
Open_form('GROUP_MSTR_ENTRY');
END;
i am getting:
ERROR:frm-40010: cannot read form GROUP_MSTR_ENTRY
also i am un able change the text colour in form.
how to link reports in forms?
any help?
before open i have to link all form i need?
thanks in advance
rcs
------

even after changing to The forms_path variable and
put the executable(GROUP_MSTR_ENTRY.fmx
F:\oracle\ora90\FORMS60\server\FACCT\MAIN_MENU\GROUP_MSTR_ENTRY.FMX
not working
also i am un able change the text colour in form. how?
how i can find?
$ORACLE_HOME/forms/server/default.env
my files are
9i oracle database
SQL*Plus: Release 9.0.1.0.1 - Production on Fri Dec 19 11:37:07 2008
E:\oracle\ora90\bin\oemapp.batt
forms6i
F:\oracle\ora901\bin\
since 9i is later than forms 6i i am unable to put in the same directory
------------

Button link a form

Similar Messages

Maybe you are looking for