HTML5 DOCTYPE in custom WPC web form

Hello,
we are implementing a custom WPC web form along following SAP documentation:
http://scn.sap.com/docs/DOC-22253
The new web form incorporates JS-Scripts from an open source project (Galleria.io).
However, this JS-Application requires a HTML5 DOCTYPE, which needs to bedefined in the root of an HTML document. At runtime of the web form the HTML5 DOCTYPE is missing and the JS-Application is not properly running.
I found following SAP note "1713259 - PRT support for HTML5 doctype" which focuses on this topic. It mentions two possible options:
- Enable HTML5 DOCTYPE for entire portal environment,
- ... or enable HTML5 DOCTYPE only for custom portal applications.
However we only want to enable HTML5 DOCTYPE for the WPC component runtime.
Is there any option to enable this via configuration in WPC... or any other ideas?
Best regards
Mario

Hi Mario!
You could personalize your form adding this at the begining of your XLST WPC:
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <!-- for example -->
Also, you could set in your base iview portal template the document browser mode:
Browser Document Mode – How to set the IE Compatibility View from server side.
This forces use a determinated browser in portal.
Hope this helps,
Kind regards!

Similar Messages

  • Custom confirmation web form page

    I have built a custom registration web form that works with a secure zone and when a subscriber registers and hits submit I would like it to either 1.) redirect directly to the page in the secure zone or if that is not possible, 2.) link to a log in page that directs to the secure zone page instead of hitting submit and going to the default confirmation page.
    I also saw a similar question (http://forums.adobe.com/message/4536842#4536842), but could not get the new redirect ID correctly.

    You need to add "&PageID=/video-confirmation" to your form's ACTION attribute.  Add it to the end of what was there originally, and yes, you need to leave that string of code after the URL in there.  There's important information being passed from the form to BC letting them know where to sign you in, etc.
    If you need to redo it, just insert your form into your page fresh and then add "&PageID=/video-confirmation" to the end of the form's action attribute.  You are passing your URL to the "WebFormID" parameter which should actually be the numerical ID of your form which is why you are probably getting 404 (not found) errors.  Also, make sure that your destination page at "/video-confirmation" is resolving normally as well.

  • WPC web form error...

    Hi all,
    I am new to WPC and i am trying to create sample  DropDownList wpc editor component that will be shown in the custom web form properties. When i try to open the custom web form i am getting the below error.
    Exception ID:11:29_01/10/09_0012_109903950
    [EXCEPTION]
    com.sapportals.portal.prt.component.PortalComponentException: Error in service call of Resource
    Component : com.sap.nw.wpc.designtime.EditorTool
    Component class : com.sap.nw.wpc.editor.EditorTool
    User :******
         at
    Caused by: java.lang.NullPointerException
         at com.sap.nw.wpc.editor.EditorBean.updateDocumentFromContext(EditorBean.java:324)
         at com.sap.nw.wpc.editor.EditorBean.getPreview(EditorBean.java:600)
         at pagelet.editor._sapportalsjsp_editor.subDoContent(_sapportalsjsp_editor.java:1802)
         at pagelet.editor._sapportalsjsp_editor.doContent(_sapportalsjsp_editor.java:58)
         ... 43 more
    Please advise where i went wrong.
    Thanks in advance,
    Vasu

    Even I also having same problem. what ever u got the error message I am also getting it.
    I found this forum but no where i found the solution and thread is showing Answerd. could you please share the solution.

  • Customizing Planning Web Forms using Javscript

    <p>Hi,</p><p>I am looking at writing custom javascript code for web forms. Inthis regards, I was wondering if anyone could suggest a way for meto access member properties through custom javascript. The code inSampleValidateData.js which is in the custom folder of theHyperionPlanning.war file only provides insight into accessing cellvalues and row/collumn member names and values. How is it possibleto access member properties like alias, comment field etc whichhave been entered when setting up the Dimensions throughPlanning.</p><p> </p><p>Any help will be much appreciated.</p><p> </p><p>Regards,</p><p> </p><p>Ryan</p>

    We experienced the same issue, our requirement was that for the first half of the year the substitution variable was = Oct and for the second part of the year Jan:Dec. We were lucky that for the second scenario we had a Total Year member as well (that at the bottom level is Jan:Dec). So on web form we picked Level0 descendants of the substitution variable. That worked fine but not the range.

  • Simple calculator in html5 using web form elements

    Hello
    I would like to make an educational miniwebsite with my son who is getting interested in internet programming.
    I was wondering if html5 could be used to do simple math in html5 using the input of web form elements, such as radio button (for the choice of math operation: add/sub/mult/div) and two numbers in input fields.
    Then a submit equivalent would generate the output result, preferrably in a field still on the same page (without going to another page, as it is the case with submit).

    I think that you might be looking for something like this:
    http://www.developerdrive.com/2012/06/creating-a-web-page-calculator-using-the-html5-outpu t-element/

  • WPC - Custom Web Form: DOMException: Root Element is already present

    Hi experts,
    I'm trying to create a custom web form for my companies portal and I'm facing the following problem:
    I can create create articles with my new webform and everything is fine, but when the XSL Transformation is happing (eg. for viewing the content) i got following exception:
    Cannot render container : com.sap.engine.lib.xml.util.NestedException: org.w3c.dom.DOMException: Root Element is already present, cannot be appended as a child. -> org.w3c.dom.DOMException: Root Element is already present, cannot be appended as a child.
    I don't understand of which root element the parser is talking. Unfortunately I can't find any additional info to this.
    This is my Editor Document:
    <documenttype id="wpc_informatics_article" description="wpc_informatics_article" showpreview="true" showelementlist="true">
      <properties>
        <property id="name" description="xml.xlbl.name" type="inputfield" size="25" isrequired="true" isfilename="true" />
        <property id="createdBy" description="xml.xlbl.created_by" type="peoplepicker" size="25" isrequired="true"/>
        <property id="includeInRSS" description="xml.xckl.include_in_rss" type="checkbox" defaultvalue="false" property="wpc_wcm_rss"/>
        <property id="displayNewIcon" description="xml.xckl.display_new_icon" type="checkbox" defaultvalue="false" property="wpc_wcm_new"/>
      </properties>
      <elements> 
        <element id="heading1" description="xml.xlbl.heading1" type="inputfield" default="true" singleinstance="true" size="75" maxlength="75" nodelete="true"/>
        <element id="heading2" description="xml.xlbl.heading2" type="inputfield" size="50" default="true" />
        <element id="paragraph" description="xml.xlbl.paragraph" type="htmleditadvanced" default="true" />
        <element id="relatedLinks" description="xml.xlbl.related_links" type="wpclink" hastitle="true" />
      </elements>
    </documenttype>
    The created example content:
    <document document="wpc_informatics_article">
      <properties>
        <property type="name" prop_ns="http://sapportals.com/xmlns/cm" prop_name="displayname"/>
        <property type="createdBy">USER.R3_DATASOURCE.FAH</property>
        <property type="includeInRSS" prop_ns="wpc_wcm" prop_name="wpc_wcm_rss"/>
        <property type="displayNewIcon" prop_ns="wpc_wcm" prop_name="wpc_wcm_new"/>
      </properties>
      <elements>
        <element type="heading1">asdf</element>
        <element type="heading2">asdf</element>
        <element type="paragraph">adsfsadfsadfsadf</element>
      </elements>
      <relatedlinks/>
      <relatedfiles/>
    </document>
    and the xsl
    <?xml version="1.0"?>
    <!DOCTYPE stylesheet [
    <!ENTITY apos  "'" ><!-- replace &apos; with html escape character for ' -->
    ]>
    <xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform" xmlns:wpc="com.sap.nw.wpc.km.service.editor.hslt.XsltHelperCore">
      <xsl:output method="html"/>
      <xsl:template match="/">
        <h1 id="informatics_h1"> <xsl:value-of disable-output-escaping="yes" select="document/elements/element[@type='heading1']" /> </h1>
        <h2 id="informatics_h2"> <xsl:value-of disable-output-escaping="yes" select="document/elements/element[@type='heading2']" /> </h2>
        <xsl:for-each select="document/elements/element">
          <xsl:if test="@type='paragraph'">
            <xsl:value-of disable-output-escaping="yes" select="current()" />
          </xsl:if>
          <xsl:if test="@type='relatedLinks'">
            <div id="informatics_related_links"> Siehe auch: <a>
              <xsl:attribute name="href"> <xsl:value-of disable-output-escaping="yes" select="wpc:getAccessLink(string(@rid), string(/document/@locale))"/> </xsl:attribute>
              <xsl:value-of disable-output-escaping="yes" select="@heading1"/> </a> </div>
          </xsl:if>
        </xsl:for-each>
      </xsl:template>
    </xsl:stylesheet>
    maybe someone of you can help me with this! thank you in advance!
    Harald

    I found a solution for this.
    It seems that all of the XSL Transformation has to be covered by a div tag with css classes featurebox clearfixleft.
    <?xml version="1.0"?>
    <!DOCTYPE stylesheet [
    <!ENTITY apos  "'" ><!-- replace &apos; with html escape character for ' -->
    ]>
    <xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
                         xmlns:wpc="com.sap.nw.wpc.km.service.linkmanager.XsltHelper">
        <xsl:output method="html"/>
        <xsl:template match="/">
         <div class="featurebox clearfixleft">
           <h2 id="informatics_h1">
                   <xsl:value-of disable-output-escaping="yes" select="document/elements/element[@type='title']" />
         </h2>
         <xsl:for-each select="document/elements/element">
                 <xsl:if test="@type='heading1'">
                        <h2 id="informatics_h2">
                            <xsl:value-of disable-output-escaping="yes" select="current()" />
                        </h2>
                 </xsl:if>
                 <xsl:if test="@type='paragraph'">
                     <p><xsl:value-of disable-output-escaping="yes" select="current()" /></p>
                 </xsl:if>
          </xsl:for-each>
         </div>
      </xsl:template>
    </xsl:stylesheet>
    Edited by: Harald Falzberger on Mar 1, 2011 11:06 AM

  • WPC - Custom Web Form - Cannot render container

    Hello!
    I've created custom web form for WPC (wpc_utg_sitelink) and gone through customizing provided in
    [http://www.sdn.sap.com/irj/scn/index?rid=/library/uuid/2041eb17-6001-2b10-b08d-b95ce55fa9b7&overridelayout=true]
    It looks fine at designtime.
    In runtime i get following:
    Cannot render container : Could not load stylesheet.com.sap.engine.lib.xml.util.
    NestedException: Error parsing query. -> java.lang.ArrayIndexOutOfBoundsException
    are there errors in my wpc_utg_sitelink.xsl file syntax?
    <xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
    xmlns:wpc="com.sap.nw.wpc.km.service.linkmanager.XsltHelper">
    <xsl:output method="html"/>
    <xsl:template match="/">
    <span>
    <xsl:if test="starts-with(document/elements/element[@type='image'],'/')"></xsl:if>
    <h2>
    <a>
    <xsl:if test="string-length(document/elements/element[@type='itemlink']/@rid)!=0">
    <xsl:attribute name="href">
    <xsl:value-of select="wpc:getAccessLink(string(document/elements/element[@type='itemlink']/@rid))"/>
    </xsl:attribute>
    <xsl:if test="document/elements/element[@type='itemlink']/@targetnew='true'">
    <xsl:attribute name="target"> new </xsl:attribute>
    </xsl:if>
    </xsl:if>
    <xsl:value-of select="document/elements/element[@type='title']" disable-output-escaping="yes"/>
    </a>
    <xsl:if test="document/properties/property[@type='isnew']/@value)='true'">
    <span>New!</span>
    </xsl:if>
    </h2>
    <p>
    <xsl:value-of select="document/elements/element[@type='text']" disable-output-escaping="yes"/>
    </p>
    </span>
    </xsl:template>
    </xsl:stylesheet>
    Or may be some problems in customizing?
    Thanks!
    Edited by: Ivan O. Ivanov on Sep 21, 2009 5:15 PM

    solved!

  • I am creating a web form from a template and I need to change a field. It is just a text field at the moment but I need to change it to a field that the customer can fill in. How do I do this?

    I am creating a web form from a template and I need to change a field. It is just a text field at the moment but I need to change it to a field that the customer can fill in. How do I do this?

    See this thread:
    http://answers.acrobatusers.com/Is-add-instructional-text-text-field-disappear-clicked-q19 5078.aspx

  • Customer Visible in Sales Order Screen.But not visible in the customer Web form in R12

    Hi all,
    I have created  a customer of organization type using the customer API.I have also created a location and a customer account and account site as well
    The created values are loaded into the HZ tables and are visible in the tables such as hz_parties, hz_party_sites, hz_party_sits and so on.
    But the issue is that I cannot find the customer in the customer web form in the receivables.but at the same time it is visible in the sales order screen in the order management.
    so please, someone help me resolve this issue.
    Thanks and Regards,
    Bhaskar.

    Hi Kate,
    Could you please share your form with me ([email protected]) so that I can investigate and correct this problem? Instructions on sharing can be found here:
    http://forums.adobe.com/docs/DOC-2462
    Thanks,
    Brian

  • New custom web form not visible in the menu.

    Hello WPC Experts,
      I created a new web form by following this pdf https://www.sdn.sap.com/irj/scn/go/portal/prtroot/docs/library/uuid/2041eb17-6001-2b10-b08d-b95ce55fa9b7
    After the "3.2.6 Referencing the XML File in the Document Type" step and restarting the server, I don't see the web form I just created.
    I have the wpc_editor_role assigned. Where should I be looking to access the new web form.

    Hi Anja,
    Thanks for your response. I was working on other issues. I confirmed that I enabled "Generate UI-command" for my new Web Resource Type.
    I deleted the xml/xsl files and recreated them by copying from the how to guide: https://www.sdn.sap.com/irj/scn/go/portal/prtroot/docs/library/uuid/2041eb17-6001-2b10-b08d-b95ce55fa9b7
    After referencing the xml/xsl files and restarting the portal, where should I check for the new web form I just created ( this is section "4. Result" in the how to guide).
    Thanks
    Srinivas.

  • How to run custom Oracle report6i concurrent program in web forms

    I developed a custom report using oracle6i and registered into AOL and assigned to a request group. I can run this concurrent program from form based application works fine. How to run this concurrent request from web forms?
    What are the steps to follow to create a concurrent program link on web forms?
    I want run this request and pass parameters and output also in web forms...
    I'm a first time user of web forms, So kindly reply with detailed steps to define concurrent request in web forms for a custom report.
    Thanks in Advance
    Naveen
    [email protected]

    I hope ur requirement to do all the CP processing from Self-Service OAF pages. If so,
    browse thru Re: Start Concurrent from OA Framework page , Re: RE: Submitting concurrent request and getting the results back.
    and
    'Concurrent Processing: Request Submission and Monitoring' section in dev guide.
    Let us know if you face any issues in the implementation.
    - Senthil

  • ERROR: Your web form must capture customer name and email address.

    Hi,
    I keep receiving this error message when trying to checkout and submit a payment.
    ERROR: An error occurred. Your web form must capture customer name and email address. Please fix this issue and re-insert your web form on your web page.
    The strange thing is it's only happening in chrome. It works perfectly in IE and firefox, the form submits and takes me to the order confirmation page. I've tested it on multiple PCs so it's definitely a chrome issue. Does anyone have any advice as to what could be causing this issue with chrome?
    Thanks,
    Pete

    Check your eCommerce web form in the admin has the ID - 211729
    This is what the form ID is, if you have deleted it and made a new one it will not Marry up
    The things you normally look for with this error is The first name and last name along with email fields have the right ID and name parameters on the input. The javascript is picking those up so it looks like that is working.
    So next is the form in the admin marrying up with the form on the page or in this case the Registration Buy layout.

  • Customized Web Form

    Hi,
    I have Scenario dim (Plan, Forecast) in Page and Year and Period in Columns (these two are placed in separate columns). I am now needed to show only Thisyear (Column A) or NextYear (Column B) based on the scenario selection in the page and click on Go. If the end user choses Forecast then web form should show only FY11 and months. If end user choses Plan then web form should show only FY12 and months. Can this be possible with customizing java script.
    I have written a sample code in ValidateData.js file and restarted planning service but nothing is showing when opening a web form. Please correct me if i am missing anything here.
    function customOnLoad() {
    if (equalsIgnoreCase(applicationName,"app1")) {
              if (equalsIgnoreCase(formName,"tempform")) {
         var correctScenarioinPage = findpageByMemberNames(new Array("Current"));
         if ((page == correctScenarioinPage) { alert("scenario selected is Current");
    Thanks,
    Praveen

    JohnGoodwin wrote:
    endy wrote:
    I'm merely giving you the best practice, I love this saying, can you tell me who defines what best practice is, it is you, is it documentated somewhere?
    Cheers
    John
    http://john-goodwin.blogspot.com/
    Hi John,
    You are right that there isn't clearly defined best practices, but using javascript customization for such a case seems a bit of an overkill, and I'm sure I'm not the only one who will recommend to avoid it in this case.
    As I don't see any obvious other alternative than simply using two forms, then I consider using two forms to be the best practice.
    I'm sure you have a lot more tricks up your sleeve than I do, but which solution would you consider to be the best here ?
    Cheers !

  • Displaying booking form errors on custom redirect web page

    I have an event/booking with a registration web form that redirects to a custom web page (not the system page for bookings). If a customer signs up on the form using an email address of someone already registered for the event, their booking is not recorded, but I can't find a way to present the error on the web page that they are redirected to upon submitting.
    The workflow notification includes the message, "ERROR: Booking could not be made as this email address is already registered for this booking."
    There is a record of the failed attempt on the customer record with the email address that was used, but I need a way to tell the customer that their booking was uncessessful due to the email address used. Placing {module_error} on the web page doesn't seem to do the trick.
    Any help is very appreciated.
    Jake

    I suspected that might be the case. Thank you for confirming. Any idea if the URL parameters applied to the redirected page indicate that there were errors? That would be awesome!
    Jake

  • How do i fix the "web form must capture customer name and email address" error?

    Hi all,
    I have a webform that is submitting securely to the bc servers. I get the response:
    {"SystemMessage": { "success": False, "message": "ERROR: An error occurred. Your web form must capture customer name and email address. Please fix this issue and re-insert your web form on your web page." }}
    I have verified that the "FirstName","LastName","EmailAddress" are actually gettting sent with their corresponding values. I can't seem to figure out why i keep getting this error. Can someone please lend a helping hand?!? Thanks guys... here's my code:
    var rAction = 'https://site.worldsecuresystems.com/FormProcessv2.aspx?WebFormID=85886&OID={module_oid}&OTYPE={module_otype}&EID={module_eid}&CID={module_cid}&CC={module_urlcountryc ode}&Referrer={module_siteurl,true,true}&JSON=1';
    var rData = 'FirstName='+escape(fName.val())+'&LastName='+escape(lName.val())+'&EmailAddress='+escape (email.val())+'&Username='+escape(username.val())+'&Password='+escape(passwd.val())+'&Pass wordConfirm='+escape(passwd2.val())+'&BillingAddress='+escape(baddress.val())+'&BillingCit y='+escape(bcity.val())+'&BillingState='+escape(bstate.val())+'&BillingZip='+escape(bzip.v al())+'&PaymentMethodType='+escape(paymentMethodType)+'&CardName='+escape(cName.val())+'&C ardNumber='+escape(cNum.val())+'&CardExpiryMonth='+escape(expMonth)+'&CardExpiryYear='+esc ape(expYear)+'&CardType='+escape(cType)+'&CardCCV='+escape(ccv.val())
    $.ajax({
    type: 'POST',
    url: rAction,
    data: rData,
    success: function(msg){
    console.log('success');
    $('#result').html(msg);
    error: function(msg){
    console.log('error');
    $('#result').html(msg);

    Ok -- after testing this out a little on my own I think it must have to do with not properly serialzing the data you are passing in the ajax function.  In the example I linked to earlier they are just serialzing the form data and it works because it converts the data in the form's input fields to URL encoded notation.
    If you aren't using an actual form on your site to mimick the example I linked to then when building your "rData" string instead of using the "escape" function for each of the parameter values, you should be using the "encodeURIComponent" function instead which instead of escaping characters will convert it to URL encoded notation.  That's probably your issue. Here's more about encodeURIComponent(): http://www.w3schools.com/jsref/jsref_encodeURIComponent.asp
    Try this with the rData variable instead:
    var rData = 'FirstName='+encodeURIComponent(fName.val())+'&LastName='+encodeURIComponent(lName.val()) +'&EmailAddress='+encodeURIComponent(email.val())+'&Username='+encodeURIComponent(username .val())+'&Password='+encodeURIComponent(passwd.val())+'&PasswordConfirm='+encodeURICompone nt(passwd2.val())+'&BillingAddress='+encodeURIComponent(baddress.val())+'&BillingCity='+en codeURIComponent(bcity.val())+'&BillingState='+encodeURIComponent(bstate.val())+'&BillingZ ip='+encodeURIComponent(bzip.val())+'&PaymentMethodType='+encodeURIComponent(paymentMethod Type)+'&CardName='+encodeURIComponent(cName.val())+'&CardNumber='+encodeURIComponent(cNum. val())+'&CardExpiryMonth='+encodeURIComponent(expMonth)+'&CardExpiryYear='+encodeURICompon ent(expYear)+'&CardType='+encodeURIComponent(cType)+'&CardCCV='+encodeURIComponent(ccv.val ())

Maybe you are looking for