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?
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.
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 -
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
-seanHi,
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
JoHave 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 advanceCreation 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.
ThanksIt 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 DattaHi 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. -
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
-
Help! How to share iPhoto pictures between users on same computer
This has probably been posted before. If so, I appologize. My wife and I have seperate log ins and she can't see any of the photos we've imported on my log-in. Is there a neutal folder or user priveledge I need to set? I've tried everything I can thi
-
When my iPad is connected via USB it won't appear on my computer
When I connect my iPad to any computer it will not sync or even show up it still shows the battery icon
-
How to store values globally in webdynpro
Hi All I have a following scenario Scenario 1 Screen1---- >screen 2 Login as authenticated user .Click a button on screen 1 and show screen 2 based on some value which I stored in context on that button click.If the value is "X" I will show Screen
-
Web Services with EJB ( Urgent )
Hi, Can any help me?? I have a Web Services that uses a Java Control ( EJB ) and my EJB Control call Hibernate...... My problem is caused "The transaction is no longer active - status:'Committed'. No further JDBC access is allowed within this transac
-
When placing object from Illy, how does ID design which artboards to present
Could someone walk me through placing objects into ID documents from an Illustrator file with multiple layers? Does it only present the artboards that are present in the topmost layer? Or is it all visible layers?