HTML Page skins and content layouts

We're running Portal 10.1.4 and trying to use page skins and content layouts to override the portal-generated html to comply with our accessibility standards.
Portal still inserts some of its html, even though I attach my own html templates to the region and page.
For example: it surrounds each item in my regions with another HTML table, and throws in an iframe tag with some custom JS.
Our templates do not use tables for layout, but the html code Portal inserts in between is breaking our pages.
Any thoughts?

That's what I was afraid of too. I just took some Oracle training on Portal, and when I asked our instructor about this particular issue, he kind of dodged the question.
I'll look into the docs some more for the custom renderers.... but won't it do what HTML content layouts already do for you?
I looked at the W3C WCAG, Oracle claims Portal is AA compliant (Priority Level 1 and 2)
Priority 1:
5.1 For data tables, identify row and column headers.
5.2 For data tables that have two or more logical levels of row or column headers, use markup to associate data cells and header cells.
I don't think Portal includes the row and column identifiers.
Priority 2:
Do not use tables for layout unless the table makes sense when linearized. Otherwise, if the table does not make sense, provide an alternative equivalent (which may be a linearized version).
5.4 If a table is used for layout, do not use any structural markup for the purpose of visual formatting.
I don't think the tables, when linearized, will make sense to Screen Readers, especially if the page design contains many regions. (ie nested tables) We've tried the JAWS screen reader in the past, and it red across table columns, not down. (problem when you have a 3-column layout, the reader reads the first text item in the first column, then jumps over to the first line of text in the middle content column and so on...)

Similar Messages

  • HTML Page Skins Chararter Limit

    Hi,
    Using Portal 10.1.2, I have used the UI templates and found there is a character limitation (4K?) as to how much HTML I can add
    Now in Portal 10.1.4 there are HTML Page Skins...is there a character limitation to this as well?
    I cannot check as I do not have 10.1.4 yet.
    Thanks.

    I called to early ... some quotes did the trick
    htp.print('#PAGE.PAGEID#');
    DJ

  • I am making a book in iPhoto using a double page spread and blank layout. I can't find a way to minimize the picture. it is too big in all the themes. I seems like there must be a way to shrink it not just zoom to make it fit?

    I am making a book in iPhoto using a double page spread and blank layout. I can't find a way to minimize the picture. it is too big in all the themes. I seems like there must be a way to shrink it not just zoom to make it fit?

    Command (right) - click on the photo and select Fit to Frame in the contextual menu:
    Not all frames in a theme offer that feature but most do.  The spread layout doesn't.
    OT

  • I tried to publish my project of 2 html pages, 3 photo pages and one widget page (map) to ipage hosting site. the two html pages published and that's all. Help.

    I tried to publish my project of 2 html pages, 3 photo pages and one widget page (map) to ipage hosting site. the two html pages published and that's all. Help.

    What's the URL of your site so we can examine it first hand?   Also try publishing the site to a folder on your hard drive and use the free FTP client  Cyberduck to upload your site.  It's been known to work when iWeb's ftp client has failed.
    OT

  • "Page Path" in HTML Page Skin

    Hey Guys,
    I was wondering if anyone knows how I could include the behavior that the "Page Path" Item provides, but I would like to do it in an HTML Pageskin. Seems like this would be fairly common for those people using page skins.
    Thanks
    -sean

    Hi,
    I insist : it is not possible with HTML to insert Page breaks. BUT, Tammie is right! You can use CSS (Cascade Style Sheet) to insert page breaks thanks to few lines of code in your HTML page.
    Follow this link to have a look at a very simple piece of code to illustrate this :
    http://www.codeave.com/css/code.asp?u_log=4016
    Here it the code if you don't have access to this URL :
    <html>
    <head>
    <title>CodeAve.com/CSS - Page Break</title>
    <body bgcolor="#FFFFFF">
    <center>
    Page 1
    <br style="page-break-before:always;">
    Page 2
    <br style="page-break-after:always;">
    Page 3
    <p>
    Use print preview on your browser to see how<br>
    this page would print out to three pages
    </center>
    </body>
    </html>
    Hope it helps.
    Don't forget to close the post if solved (so that search in the forum is easier), and reward points (so that SDN members are happy !) 

  • 10g Skins and Content HTML - Drop down menus not displaying correctly

    Have constructed an HTML Skin with horizontal drop down menu.
    Also constructed an HTML Content area with left, middle and right columns (constructed in CSS).
    When I activate drop down menus they fall behind the content in the Content area and also has become see-through!
    Any suggestions on how to bring them to the front again using the skin/content structure.
    Any help would be greatly appreciated (and I am not programmer so please be very clear in your instructions).
    Thanks
    Jo

    Have constructed an HTML Skin with horizontal drop down menu.
    Also constructed an HTML Content area with left, middle and right columns (constructed in CSS).
    When I activate drop down menus they fall behind the content in the Content area and also has become see-through!
    Any suggestions on how to bring them to the front again using the skin/content structure.
    Any help would be greatly appreciated (and I am not programmer so please be very clear in your instructions).
    Thanks
    Jo

  • HTML DB Customize SQL Report Layout

    Hi everybody,
    Is it possible to have an automatic orientation (portrait, landscape) based on report width ? If it's to large for portrait, it switchs landscape ? If letter it's not too much large it switch to legal ? and so on.....
    Thanks. Bye.

    The problem is when I execute a report and I want to
    print it, the page break is not done. I want toHTML does not have any concept of a "page break" or a page even. The browser just sends the currently displayed HTML BODY content to the printer and the printer takes it from there.
    Google for HTML page break and see what you find
    http://www.google.com/search?hl=en&q=html%20page%20break&btnG=Google+Search
    If system user want to print the report they don't
    want to have problem and make a lot of test before
    having the report they want. Is it possible to move
    column like Discoverer ?What you see (in the browser) is what you get on the printer.
    You can implement some simple column re-ordering functionality in your report using some of the techniques I showed at
    Swapping columns on reports
    You can even show/hide columns as per Carl's example at
    http://htmldb.oracle.com/pls/otn/f?p=11933:46
    So, user can play around with this until the desired columns are seen in the desired order and then use the browser's Print function to print what is on the screen.
    Hope this helps.

  • Tabbed Panel using UpdateContent doesn't properly display spry .html page

    Quick question. I have a tabbed panel widget with 12 tabs.
    I'm using the UpdateContent snippet to pull in .html pages per tab.
    when I have straight .html on the pages the content displays
    without a problem.
    What I need is for each tab to pull in an .html page that
    contains a spry table that has an XML data set (think product page
    with "next" and "prev" buttons to cycle through the content).
    The .html page with the spry table works like a charm...on
    it's own. however when I use it in conjunction with the tabbed
    panel all I see is the bracketed code (i.e. {imgURL} {productName}
    {SKU}) rather than [photo] large T-shirt SKU:1111.
    A while ago I did an accordion that had dynamic content per
    generated panel -- this utilized the Spry.Data.NestedXMLDataSet
    function. A bit of a similar idea although I'm not sure if this
    would also work with the tabbed panel.
    Any suggestions would be helpful and I can drop the code if
    that would also help. Thanks!

    well, what I have is:
    index page with tabbed panel
    |
    V
    click tab
    |
    V
    content from first option .html page loads. this content has
    a dataset repeating table.
    The main page already had the SpryData.js and also
    UpdateContent, as follows:
    <div id="TabbedPanels1" class="VTabbedPanels">
    <ul class="TabbedPanelsTabGroup">
    <li class="TabbedPanelsTab" tabindex="0"
    onclick="Spry.Utils.updateContent('one','siracusa.html');">Siracusa
    Micro Crepe</li>
    <li class="TabbedPanelsTab" tabindex="0"
    onclick="Spry.Utils.updateContent('two','peony_georgette.html');">Peony
    Printed Silk Georgette</li>
    <li class="TabbedPanelsTab" tabindex="0"
    onclick="Spry.Utils.updateContent('three','wool_pucker.html');">Wool
    Pucker</li>
    <li class="TabbedPanelsTab" tabindex="0"
    onclick="Spry.Utils.updateContent('four','textured_dot.html');">Textured
    Dot</li>
    <li class="TabbedPanelsTab" tabindex="0"
    onclick="Spry.Utils.updateContent('five','textured_cotton.html');">Textured
    Cotton</li>
    <li class="TabbedPanelsTab" tabindex="0"
    onclick="Spry.Utils.updateContent('six','crane.html');">Crane
    Printed Four Ply Silk</li>
    <li class="TabbedPanelsTab" tabindex="0"
    onclick="Spry.Utils.updateContent('seven','tencel_jersey.html');">Tencel
    Jersey</li>
    <li class="TabbedPanelsTab" tabindex="0"
    onclick="Spry.Utils.updateContent('eight','circular_wool.html');">Circular
    Stitch Wool</li>
    <li class="TabbedPanelsTab" tabindex="0"
    onclick="Spry.Utils.updateContent('nine','silk_burnout.html');">Silk
    Burnout</li>
    <li class="TabbedPanelsTab" tabindex="0"
    onclick="Spry.Utils.updateContent('ten','organza.html');">Floral
    Silk Organza</li>
    <li class="TabbedPanelsTab" tabindex="0"
    onclick="Spry.Utils.updateContent('eleven','micro_crepe.html');">Micro
    Crepe</li>
    </ul>
    <div class="TabbedPanelsContentGroup">
    <div class="TabbedPanelsContent"
    id="one">Siracusa</div>
    <div class="TabbedPanelsContent" id="two">Peony
    Printed</div>
    <div class="TabbedPanelsContent" id="three">Wool
    Pucker</div>
    <div class="TabbedPanelsContent" id="four">Textured
    Dot</div>
    <div class="TabbedPanelsContent" id="five">Textured
    Cotton</div>
    <div class="TabbedPanelsContent" id="six">Crane
    Printed Four Ply Silk</div>
    <div class="TabbedPanelsContent" id="seven">Tencel
    Jersey</div>
    <div class="TabbedPanelsContent" id="eight">Circular
    Stitch Wool</div>
    <div class="TabbedPanelsContent" id="nine">Silk
    Burnout</div>
    <div class="TabbedPanelsContent" id="ten">Floral Silk
    Organza</div>
    <div class="TabbedPanelsContent" id="eleven">Micro
    Crepe</div>
    </div>
    </div>
    <script type="text/javascript">
    <!--
    var TabbedPanels1 = new
    Spry.Widget.TabbedPanels("TabbedPanels1");
    //-->
    </script>
    Let's say you clicked on the Siracusa tab. This would call up
    siracusa.html, which has
    <script src="SpryAssets/xpath.js"
    type="text/javascript"></script>
    <script src="SpryAssets/SpryData.js"
    type="text/javascript"></script>
    <link href="../../ed_style.css" rel="stylesheet"
    type="text/css" />
    <script type="text/javascript">
    <!--
    var fall08 = new Spry.Data.XMLDataSet("fall_collection.xml",
    "collection/outfits", { filterFunc: MyPagingFunc });
    fall08.setColumnType("photoURL", "image");
    fall08.setColumnType("lrgphoto", "image");
    var pageOffset = 0;
    var pageSize = 1;
    var pageStop = pageOffset + pageSize;
    //var dsfall08 = new
    Spry.Data.XMLDataSet("fall_collection.xml", "collection/outfits", {
    filterFunc: MyPagingFunc });
    function MyPagingFunc(ds, row, rowNumber)
    if (rowNumber < pageOffset || rowNumber >= pageStop)
    return null;
    return row;
    function UpdatePage(offset)
    var numRows = fall08.getUnfilteredData().length;
    if (offset > (numRows - pageSize))
    offset = numRows - pageSize;
    if (offset < 0)
    offset = 0;
    pageOffset = offset;
    pageStop = offset + pageSize;
    // Re-apply our non-destructive filter on dsStates1:
    fall08.filter(MyPagingFunc);
    -->
    </script>
    Sircusa Micro Crepe
    <div spry:region="fall08">
    <table>
    <tr spry:repeatchildren="fall08">
    <td colspan="5 "><img
    src="imx/{photoURL}"/></td>
    </tr>
    <tr spry:repeatchildren="fall08">
    <td><a href="imx/{lrgphoto}"
    target="_blank">enlarge</a></td>
    <td>{SKU1}</td>
    <td>{SKU2}</td>
    <td>{SKU3}</td>
    <td>{name}</td>
    <td>{desc}</td>
    </tr>
    </table>
    <input type="button" value="Prev"
    onclick="UpdatePage(pageOffset - pageSize);" />
    <input type="button" value="Next"
    onclick="UpdatePage(pageOffset + pageSize);" />
    </div>
    siracusa.html works more than fine. pulls in the photo, link,
    SKU and info without any problem.
    When you're on the base page with the tabbed panel the only
    thing that comes up are the bracketed info, i.e. {SKU} {SKU1}
    {SKU2}.
    What I need help with is actually having the pulled in data
    table (in the various tabbed panel content areas) actually then
    populate the repeat regions rather than just showing the
    code...

  • Creating User Defined Static HTML Page

    Hi Everybody
    For my new application, I have to write a program where user can create static html page with text content and image like MSN Groups
    Add a new page.
    I need some guidelines on how to do this.
    Any help will be much appreciated
    Thanks in advance

    Creation of static pages / or pages with static content- the site administrator must be able to create
    static html pages with content. And the links to these pages must be available to all the visitors of
    the site as sub links to useful information( the add page and manage page tools
    in MSN groups is aimed )

  • How to create dynamic HTML page using PL/SQL code in APEX.

    hello,
    I am woking on one APEX application in which i want to create one dynamic HTML page on button press using PL/SQL code.
    Thanks

    It is possible to create HTML page with dynamic content. One way would be creating hidden field (e.g. P1_HTML on page 1) with dynamic HTML and on button click you redirect to page 2 and pass P1_HTML item value to item P2_HTML on page 2. On page you must have PL/SQL region. You can then render your dynamic HTML with code:
    htp.p(:P2_HTML);
    Don use APEX URL for passing HTML value. Problem and solution is described here: http://blog.trent-schafer.com/2011/04/03/dont-pass-string-parameters-in-the-url-in-apex-its-a-bad-idea/
    Edited by: MiroMas on 3.2.2012 3:20

  • Opening a HTML page from a Navigation link

    Hi All,
           I have a requirement of adding a new link at the navigation bar of WebClient. This link will open a static html page with some contents. I have created the page required for it. But I don't know how the link will be created at Navigation bar and how to open the html page from it. I am using the SAP CRM 5.0 and I want to add the link at Default profile.
      Please help.
    Thanks
    Indranil Datta

    Hi Sujit,
        Thanks for your help. I have created a new navigation bar entity and added that in a customized profile. I have also mentioned the page name and path for that link from tran SPRO. I found that link after logging into IC WebClient. But that link is not connected with the required page. If I click on the link page, it get refreshed but without any change.
    Thanks,
    Indranil Datta.

  • Images in linked html pages

    I created a website with iweb '08. On one page I have text that is hyperlinked to a html file. The file has text and an image in it. In the finder on my computer disk drive the html file also has a folder with an image list file and the image files. When I publish it to mobile me, the folder with the image info does not copy. When I open the web page and click on the text the html page opens and the text is there but image is not. If I manually copy the image folder to my idisk web folder in the correct location, then open the web page and click on the text to link to the html file, the image appears and everything is normal.
    The question is why does the image file folder not copy to the web site when you publish and is there a work around other than manually copying the folder to the idisk??

    Welcome to the Apple Discussions. iWeb only uploads the particular file that is being linked to. I suggest you put the html file in the folder with the other files and adjust the links in it accordingly and upload that folder to your iDisk/Web/Sites folder. Then make the link in iWeb to be: http://homepage.mac.com/youraccount/foldername/file.html.
    OT

  • Reading data in HTML page from a  Java Stand alone application

    hey,
    i ve read bout how to read html pages using the URL and how to parse them using HTMLeditorkit and stuff.. but i want to read the values tht are updated in the HTML page dynamically and then use them in my java application ... is tht possible .. then i also want to check the click here links and the working of them ...
    please reply ...

    well .. i did tht too ..
    public void handleStartTag(HTML.Tag tag,
       MutableAttributeSet attributes, int position) {
              try{
                   //if (tag==HTML.Tag.A)
                   System.out.println("tagged");
                   this.writeAttributes(attributes);
                   if(tag==HTML.Tag.INPUT)
                   System.out.println("input found");
              catch(IOException ex){
                   System.err.println(ex);
         }the <A> tag thing is working but it is not recognizing the <input> tag ....
    ne ideas why this is not working ...

  • How to cascade page skins throughout page groups ...

    Is there a way to apply the same HTML Page Skin throughout all the pages within a page group without having to apply it to each page individually?
    Is there a way to do this programmatically?

    Hi,
    You can achieve this using the templates available in page groups.
    I never done using programatically. Sorry. :)
    Regards,
    Vijay.B

  • How to click a HTML page button from Java code?

    Know the HTML page name and the button id in this page, how to click the button automaticly in java code(Like in awt or swing)?

    ukkus wrote:
    Hi,
    Thank for the quick reply,
    It will be very helpful if you can tell me how can we do this, I am not able to get how to do the same, with the link that you have provided.You haven't even had time to read it yet.
    >
    Actually main scenario is:
    I have to RUN a JSP report which will call this script. That JSP report and script is in UNIX server. Can you please explain how to perform this task.Running this from a JSP is an even worse programming practice than running it from a standalone application.

Maybe you are looking for