Centering the layout using CSS as opposed to tables

Hello all...I have spent about 4 hours with the trial version
of Dreamweaver 8 and have solved all but one of the troubles I used
to encounter when using GoLive.
I followed the tutorial in DW8, first building their sample
webpage using a table layout, then using a CSS layout.
The table layout is easy to center, click the body tag, then
select center justification in the Properties Inspector and the
page is now centered in the browser.
However...
I can't get DW8 to do this when building the page with CSS
layers. Should I enclose all of my layers within one main layer and
apply the div align="center" tag?
DW8 is an absolute BREEZE in comparison to GLCS2!!!
Many thanks,
Wordman

A layer in DW speak is an absolutely positioned div.
If you compare my #div code to what you have created - does
yours have
position: absolute defined in the style ?? That's a 'layer'.
Have a read of this article by Murray:
http://www.great-web-sights.com/g_positioning.asp
and this:
http://apptools.com/examples/pagelayout101.php
You may find the css tutorials here to be beneficial:
http://www.adobe.com/devnet/dreamweaver/css.html
Look for the beginner tuts by Adrian Senior
Nadia
Adobe® Community Expert : Dreamweaver
CSS Templates |Tutorials |SEO Articles
http://www.DreamweaverResources.com
~ Customisation Service Available ~
http://www.csstemplates.com.au
CSS Tutorials for Dreamweaver
http://www.adobe.com/devnet/dreamweaver/css.html
"Wordman-GL" <[email protected]> wrote in
message
news:[email protected]...
> Murray...In reviewing the link Nadia provided (Thanks,
Nadia!) I am
> comparing
> her code to the code I generated using 'layers' in the
CSS version of the
> DW
> tutorial website. If I use the Layer command to create a
layer in DW, I
> get
> styles in the head of the document beginning with #,
just as your wrapper
> code
> does. These styles generate when using layers, and they
look damn near
> like the
> styles created in Nadia's code. Are we arguing semantics
calling a 'layer'
> a
> layer, or am I missing something huge here?
>
> I'm barely able to convey what I think is the right
information, so
> although I
> am confused, I am nowhere near as confused as I was with
GL.
>
> All I want to generate are a couple of websites heavy on
photos and light
> on
> text...brochureware. As I'm also a photographer, I'll
want to build a site
> with
> galleries of my work. I have read that CSS is the only
way to go, and I'm
> all
> for it...
>
> So if I shouldn't use the layer command, are you
suggesting just raw
> coding
> instead? If so, why even use DW or GL?
>
> I reallyneed help here. I feel as though I am swimming
with boulders in my
> pockets and am nowhere near recshing the shore before I
drown...
>
> Cheers...
>
> Wordman
>
>

Similar Messages

Displaying linked pages in an area of the screen, using CSS?

Imagine that I have a column on the left of the page that has a list of links to other pages. When you click on any of those links, then to the right the linked page is shown.
I know how to do this with frames, but I'm trying to figure this one out using CSS.
Can anyone point me in the right direction?
Below is a code sample that if your save and then view in a browser will show you (hopefully) what I am trying to achieve.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<title>Test site</title>
<style type="text/css">

div.header {
height:4em;
width:auto;
border:0;
padding:0;
text-align:center;
background-color:#6CF;
div.sidebar {
width: 15em;
float:left;
text-align: left;
border-bottom:0px;
padding-top: 1em;
padding-right: 1em;
padding-bottom: 1em;
padding-left: 0em;
    background-color:#390
div.footer {
width:auto;
border:0;
padding:0;
text-align:center;
background-color:#6CF
-->
</style>
</head>
<body>
<div class="header">
   header goes here
</div>
<div class="sidebar">

   Link to page 1<br />
   Link to page 2<br />
   Link to page 3<br />
   etc...<br />
</div>

This is the area where the pages linked to should be displayed.<br />
So, if you click on the "Link to page 1" link, to the left, the contents of page 1 will be shown here.<br />
If you click on the link to the left that says "Link to page 2" then the contents of page 2 will be shown here, etc.<br clear="left" />
<div class="footer">
footer goes here
</div>
</body>
</html>

Thank you Nancy! Your solution is (I believe) 99% of the way to being exactly what I want.
The code fragment below:
<div class="sidebar">

   <a href="../Test/About.html" target="Frame1"> About</a><p>
   <a href="../Test/FAQ.html" target="Frame1"> FAQ</a><p>
   <a href="../Test/Contact.html" target="Frame1"> Contact us</a><p>
</div>
<iframe name="Frame1" id="Frame1" src="../Test/About.html" height="auto" width="auto" allowtransparency="true" border="0" margin="0" scrolling="auto" > </iframe>
but I want the window that contains the 'imported' code to expand to be the same height as the sidebar and wide enough to stretch to the rightmost side of the visible screen.
I was guessing that
height="auto" width="auto"
would have done the trick, but it would seem not. Any ideas?

Trying to position a form in the header using CSS - not working right in IE

I am making my first foray into CSS-only design (no tables), and it’s going pretty well – except for one thing (so far). If you look at this link in Firefox http://www.daveblaker.com/clients/jenslist/indexTEMP.htm the “Search Archives” field appears where I want it (in the pale yellow area of the header, to the far left). If you view it in IE6 – it ends up more or less in the center and up a bit. I've tried placing the form inside the header div, outside the wrapper div, etc. Any help would be appreciated…
Thanks!
DB

Hi,
Please check if there is Event ID 9017 and 9018 in the application log, make sure the MRM works well.
Please make sure the Microsoft Exchange Mailbox Assistants service is working well.
And you can increase the diagnostic logging level for the MRM, then you can monitor the events in the application log.
Best regards,
Belinda Ma
TechNet Community Support

Want to get the where-used hitlist to an internal table

hi everyone,
while using where-used list we will get a hit list result. I want to take that hit list data to an internal table with out using any local file.
Is anybody there to help me.
regards,
vijaya.

Hi Lakshmikona,
I had wrongly interpreted your question, as suggested by Thomas you can use RS_EU_CROSSREF to get the Where used list data in the internal table.
Refer this SAP standard report RSHDCF00 for you detailed perusal.
Regards
Abhii
Edited by: Abhii on Sep 3, 2010 12:08 PM

Vertically Centering Block Links Using CSS

How would I vertically center the
First Cell link within it's own gray background on the
following page?
Test
Page

Cell height is not invalid. It is deprecated and will cause
your page to
fail validation against strict doctypes.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"Osgood" <[email protected]> wrote in
message
news:[email protected]...
> Dont use height on your td cells, it's invalid mark-up
and will cause you
> issues. Set the height on the 'a' by using either
padding top and bottom
> or line-height, as the example below shows.
>
> Cut and paste code below into a new Dreamweaver document
and then run it
> via a browser.
>
>
>
> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Transitional//EN"
> "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
> <html xmlns="
http://www.w3.org/1999/xhtml">
> <head>
> <meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1" />
> <title>Untitled Document</title>
> <style type="text/css">
> body {
> margin: 0px;
> padding: 0;
> }
> a {
> font: 12px Verdana;
> line-height: 50px;
> width: 200px;
> display: block;
> background: #CCCCCC;
> text-decoration: none;
> }
> a:link {
> color: #0000FF;
> }
> a:visited {
> background: #999999;
> }
> a:hover {
> background: #999999;
> }
>
> #table {
> width: 200px;
> border: 1px solid #000000;
> }
> .cells {
> text-align: center;
> border: 1px solid #000000;
> }
> </style>
> </head>
>
> <body>
> <table border="0" cellpadding="0" cellspacing="0"
id="table">
> <tr>
> <td class="cells"><a href="#">First
Cell</a> </td>
>
> </tr>
> <tr>
> <td class="cells">Second Cell</td>
> </tr>
> <tr>
> <td class="cells">Third Cell</td>
> </tr>
> </table>
>
> </body>
> </html>
>
>
>
>
>
>
>
>
>
>
>
> rmiman wrote:
>
>>
quote:
Originally posted by:
Newsgroup User
>> Change your cells css style rule to
>>
>> .cells {
>> text-align: center;
>> vertical-align: middle;
>> height: 50px;
>> border: 1px solid #000000;
>> }
>> "rmiman" <[email protected]> wrote
in message
>> news:[email protected]...
>> > How would I vertically center the
First Cell link within it's
>> own > gray background on the following page?
>> >
>> >
http://www.rminc.com/test_examples/test.html
>> When I do that the
First Cell link still appears at the top of
>> it's own grey background.
>>
>

Can I use CSS to target a table or a DIV

Ok, I am trying to use DW Layers so when I click on a
thumbnail, I can trigger the "SetTextofLayer". The reason i do this
is because I dont know of any other way to do it., but as you all
know, the positioning of DW layers is absolute. So is there a
simple way i can have an image trigger the change of text in a
table or div. How do I do that? I looked, but all Ive found was
tutorials on how to swap an image, not change text. Is there anyway
to trigger table data using an image? Any help would be greatly
appreciated
-psy

Look again at how I did it on my sample page. I removed ALL
positioning
from the div after applying the behavior (leaving it as a
position:static,
the default). It still works fine.
http://murraytestsite.com/stol-text2.html
shows a few tweaks I did -
1. Moved the onclick event to an <a> tag surrounding
the <img> tag so that
you get a proper cursor on the image.
2. Added a return false to the onclick event to avoid an IE
flake.
3. Added quotes to your STOL code.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"psypent81" <[email protected]> wrote in
message
news:[email protected]...
> Hi,
> Thanks again. Ive tried using the two methods A) Using
the SetTextofLayer
> -Which is nice, but it brings me to the whole absolute
vs relative
> positioning
> deal.
> Here's what I tried:
>
>
http://www.helenbwilson.com/SetTextofLayer-01
>
> It's great but it still stays in an absolute position
even though I
> changed the
>
> #imageLayer {
> position:relative;
> width:400px;
> height:400px;
> z-index:1;
> left: 290px;
> top: 94px;
> }
>
> I also tried to use the change of position to this page:
>
>
http://www.helenbwilson.com/helen-portfolio-1.html
>
> All it did was make my caption disappear completely!
> Actually, I tried both on that one page. If you click,
you dont get the
> caption anymore, whereas in
>
>
http://www.helenbwilson.com/helen-portfolio-2.html
>
> you get the captions, albeit in absolute position form..
> I just want this to be a quick patch, since I am now
beginning to see the
> light in terms of CSS positioning
>
> So what exactly am I doing wrong (Besides the obvious
answer of Do not use
> DW
> Layers, lol) .
> I really appreciate all the help. Thanks
>
> -psypent
>

Determining the space used by data in a table at the granularity of bytes

The SPACE_USAGE procedure of DBMS_SPACE package
is meant for knowing space table with auto segment
space management.
It gives out 4 types of values fs1_blocks to
fs4_blocks as the number of blocks which are filled
25%, 50%, ....
I tried it with different number of records (including)
and empty table) but all 4 fields are always output as
zero.
Basically my aim is to know the actual amount of space
used by my data in the table for both auto segment
allocation and non auto mode.

To have this kind of information I've used the function
DBMS_SPACE.UNUSED_SPACE, that reporting:
TOTAL_BLOCKS - data allocation space (in blocks)
TOTAL_BYTES - data allocation space (in bytes)
UNUSED_BLOCKS - allocated space but not used (in blocks)
UNUSED_BYTES - allocated space but not used (in bytes)
The difference between TOTAL_BYTES and UNUSED_BYTES is the REAL SIZE of your data.
I don't know if you can use the same function for table with auto segment space management.
Bye L.

Centering Images using CSS but having links on the Images

Hi all,
I have a problem on centering an image using CSS. I read on many forums that you have to use margin-left , margin-right and set to auto. and also set the display:block which I had done.
The problem is if I want to have a link from the image. Because I have set the display to block, the link will span the entire container containing it! How do I resolve that? I only want the image to be linkable and not the entire container!
Thanks for reading!

Murray *ACP* wrote:
Because I have set the display to block, the link will span the entire container containing it!
That's incorrect. If the display:block is applied to only the IMAGE, the anchor tag will be exactly the same dimensions as the image and will not fill the container.
Hi Murray,
Weirdly it does in my experiments. (code below). Even if I set the 'a' tag to the width of the image it still makes the whole <div> container clickable:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
<style type="text/css">
#imgWrapper {
    width: 900px;
    margin: 0 auto;
    border: 1px solid #000;
#imgWrapper img {
    margin: 0 auto;
    display: block;
</style>
</head>
<body>
<div id="imgWrapper">
<a href="http://www.bbc.co.uk"><img src="slice_2.jpg" width="595" height="130" /></a></div>
</body>
</html>

How can i change the Layout of the standard Discussion iVIew

Hello all,
Most of my questions still remain unanswered.But this time i hope i will get some satisfactory reply. I want to create a Discussion iView(not Discussion group or Admin Discussion Group iViews) . However i am not getting the layout used here.I want to remove buttons like "Add To Favourites" Subscribe TO Discussion" and also ,once you click on any topic ,on the second screen commands like "Send To","Subscribe" etc .I want this to look simple as per requirement.How is that possible? Where exactly can i find them ? If there is any xml file ,where to find the XML file ?I do not know how to use NWDS ,as i work in KM and Collaboration area .SO if there is anyone who can guide me from configuraion point of view.I can also open the XML file and do the changes but how to execute it I do not know.Thanks in advance for any valuable input.
Edited by: Arijit Bhattacharya on Feb 25, 2008 2:57 PM
Edited by: Arijit Bhattacharya on Feb 25, 2008 2:59 PM

Hi Arijit,
try these links
[http://help.sap.com/erp2005_ehp_03/helpdata/EN/01/ed0f412d72f323e10000000a155106/frameset.htm]
[https://www.sdn.sap.com/irj/sdn/go/portal/prtroot/docs/library/uuid/504e31fc-f46f-2910-98b4-dd94478c22f8]
hope this helps you
Regards,
vv.

In custom control , I wnt to save the layout with variant -

Hi,
In custom control , I want to save the layout using variant and i want to choose the layout from the variant
Plz give me the details.
Rerards,
Rani

Hello Rani
I assume you have an ALV grid displayed within a custom control. For this ALV grid you want to be able to save layouts.
Assuming that you are using class CL_GUI_ALV_GRID you have set the following IMPORTING parameters when calling method go_grid->set_table_for_first_display:
" Fill variant parameter with following values:
gs_variant-report = syst-repid.
gs_variant-handle = 'GRID'. " 4-digit handle; required if you have multiple ALV grids
- I_SAVE = 'A' " allows saving of user-specific and global layouts
- IS_VARIANT = gs_variant
Regards,
Uwe

How to create a floating layout using adf

Hi ,
I am using Jdeveloper 11g to develop an application.
I am coming across problems when i am trying to build the look and feel.
Basically i want to develop as per the following link.
http://webfusion.kcmo.org/coldfusionapps/ActionCenterRequest/getstatus.cfm
I have been able to create the layout using adf layouts and components(af:panelStechlayout, af:panelgrouplayout), but the problem i am facing is that i want the entire page to scroll and have a floating layout.
But in my case, the panels are scrolling, so when i resize the browser or change the resolution, everything appears to be broken in parts.
Besides to recreate the above layout i have to include everything under the "center" facet, hence using templates is creating issues.
following is the code i am using(just the structure code), this looks preety simple but i am not able to figure this one out.
<?xml version='1.0' encoding='UTF-8'?>
<jsp:root xmlns:jsp="http://java.sun.com/JSP/Page" version="2.1"
          xmlns:f="http://java.sun.com/jsf/core"
          xmlns:h="http://java.sun.com/jsf/html"
          xmlns:af="http://xmlns.oracle.com/adf/faces/rich">
<jsp:directive.page contentType="text/html;charset=UTF-8"/>
<f:view>
    <af:document title="findcase" id="d1">
      <af:form id="f1">
        <af:panelStretchLayout startWidth="100px" endWidth="100px" id="psl2">
          <f:facet name="center">
            <af:panelStretchLayout endWidth="63px" id="psl1" topHeight="120px" bottomHeight="50px"
            inlineStyle="font: 100% Arial, Helvetica, sans-serif;background: #2A3644;font-size: 13px;margin: 0;padding: 0;text-align: center;color: #000000;"
                                   startWidth="44px">
              <f:facet name="center">
               
               <af:panelGroupLayout layout="scroll"
                                     xmlns:af="http://xmlns.oracle.com/adf/faces/rich"
                                     id="pgl3">
                  <af:image source="http://cfdev.kcmo.org/coldfusionapps/templates/images/kcmo_banner.jpg"
                            shortDesc="header" id="i1"
                            inlineStyle="width:960px; height:77.0px;"/>
                  <af:panelGroupLayout id="pgl2" inlineStyle="height:33.0px;">
                    <af:image source="http://webfusion.kcmo.org/coldfusionapps/templates/images/home.jpg"
                              shortDesc="menu1" id="i2"/>
                    <af:image source="http://webfusion.kcmo.org/coldfusionapps/templates/images/services.jpg"
                              shortDesc="menu2" id="i3"/>
                    <af:image source="http://webfusion.kcmo.org/coldfusionapps/templates/images/residents.jpg"
                              shortDesc="menu3" id="i4"/>
                    <af:image source="http://webfusion.kcmo.org/coldfusionapps/templates/images/business.jpg"
                              shortDesc="menu4" id="i5"/>
                    <af:image source="http://webfusion.kcmo.org/coldfusionapps/templates/images/visitors2.jpg"
                              shortDesc="menu5" id="i6"/>
                    <af:image source="http://webfusion.kcmo.org/coldfusionapps/templates/images/officials2.jpg"
                              shortDesc="menu6" id="i7"/>
                    
                      <af:image source="http://webfusion.kcmo.org/coldfusionapps/templates/images/kcmo_banner_slice.jpg"
                                shortDesc="searcharea" id="i8"
                                inlineStyle="background-repeat:repeat; width:355px; height:35.0px;"/>
                    
                    <af:image source="http://webfusion.kcmo.org/coldfusionapps/templates/images/kcmo_banner_lower.jpg"
                              shortDesc="banner" id="i9"
                              inlineStyle="width:960px; height:7.0px;"/>
                  </af:panelGroupLayout>
                 
                  <af:panelStretchLayout id="psl3" inlineStyle="width:960px; margin:auto; background-color:White;"
                                         startWidth="232px">
                    <f:facet name="center">
                     
                      <af:outputText value="outputText1" id="ot3"/>
                    </f:facet>
                   
                    <f:facet name="start">
                      <af:panelGroupLayout id="pgl1" inlineStyle="float:left; margin:5px; width:236.0px;background-color:#edf0f5;text-align: center;">
                       <af:goLink text="City Government" id="gl1"
                               destination="http://www.kcmo.org/CKCMO/Depts/CityManagersOffice/InternshipsandfellowshipswiththeCity/KansasCityGovernment/index.htm"
                               inlineStyle="font-family:Arial, Helvetica, sans-serif; font-size:10px;     color:#395F76;     font-weight:bold;"/>
                      <br/>
                        <af:goLink text="Codes and Ordinances" id="gl2"
                                   destination="http://cityclerk.kcmo.org/liveweb/common/"
                                   targetFrame="_blank"/>
                      </af:panelGroupLayout>
                    </f:facet>
                    <f:facet name="end"/>
                  </af:panelStretchLayout>
                </af:panelGroupLayout>
              </f:facet>
              <f:facet name="end">
                <af:outputText value="" id="ot2"/>
              </f:facet>
               <f:facet name="start">
            <af:outputText value="" id="ot1"/>
          </f:facet>
            </af:panelStretchLayout>
          </f:facet>
        </af:panelStretchLayout>
      </af:form>
    </af:document>
</f:view>
</jsp:root>Any help will be highly appreciated.
Thanks in advance
Ash

Try creating a layout that uses a panelGroup scroll as the top container and use panelBorders inside it.
Something like this:
<?xml version='1.0' encoding='windows-1252'?>
<jsp:root xmlns:jsp="http://java.sun.com/JSP/Page" version="2.1"
          xmlns:f="http://java.sun.com/jsf/core"
          xmlns:h="http://java.sun.com/jsf/html"
          xmlns:af="http://xmlns.oracle.com/adf/faces/rich">
<jsp:directive.page contentType="text/html;charset=windows-1252"/>
<f:view>
    <af:document id="d1">
      <af:form id="f1">
        <af:panelGroupLayout layout="scroll" id="pgl1">
          <af:panelBorderLayout id="pbl1">
            <f:facet name="start"/>
            <f:facet name="bottom"/>
            <f:facet name="end"/>
            <f:facet name="top">
              <af:panelGroupLayout layout="scroll"
                                   xmlns:af="http://xmlns.oracle.com/adf/faces/rich"
                                   id="pgl3">
                <af:image source="http://cfdev.kcmo.org/coldfusionapps/templates/images/kcmo_banner.jpg"
                          shortDesc="header" id="i1"
                          inlineStyle="width:960px; height:77.0px;"/>
                <af:panelGroupLayout id="pgl2" inlineStyle="height:33.0px;">
                  <af:image source="http://webfusion.kcmo.org/coldfusionapps/templates/images/home.jpg"
                            shortDesc="menu1" id="i2"/>
                  <af:image source="http://webfusion.kcmo.org/coldfusionapps/templates/images/services.jpg"
                            shortDesc="menu2" id="i3"/>
                  <af:image source="http://webfusion.kcmo.org/coldfusionapps/templates/images/residents.jpg"
                            shortDesc="menu3" id="i4"/>
                  <af:image source="http://webfusion.kcmo.org/coldfusionapps/templates/images/business.jpg"
                            shortDesc="menu4" id="i5"/>
                  <af:image source="http://webfusion.kcmo.org/coldfusionapps/templates/images/visitors2.jpg"
                            shortDesc="menu5" id="i6"/>
                  <af:image source="http://webfusion.kcmo.org/coldfusionapps/templates/images/officials2.jpg"
                            shortDesc="menu6" id="i7"/>
                  
                  <af:image source="http://webfusion.kcmo.org/coldfusionapps/templates/images/kcmo_banner_slice.jpg"
                            shortDesc="searcharea" id="i8"
                            inlineStyle="background-repeat:repeat; width:355px; height:35.0px;"/>
                  
                  <af:image source="http://webfusion.kcmo.org/coldfusionapps/templates/images/kcmo_banner_lower.jpg"
                            shortDesc="banner" id="i9"
                            inlineStyle="width:960px; height:7.0px;"/>
                </af:panelGroupLayout>
              </af:panelGroupLayout>
            </f:facet>
            <af:panelBorderLayout id="pbl2">
              <f:facet name="start">
                <af:panelGroupLayout id="pgl4" layout="scroll">
                  <af:commandLink text="menu1" id="cl1"/>
                  <af:commandLink text="menu2" id="cl2"/>
                </af:panelGroupLayout>
              </f:facet>
              <f:facet name="bottom"/>
              <f:facet name="end"/>
              <f:facet name="top"/>
              <af:panelFormLayout id="pfl1">
                <f:facet name="footer"/>
                <af:inputText label="Label 2" id="it2"/>
                <af:inputText label="Label 1" id="it1"/>
              </af:panelFormLayout>
            </af:panelBorderLayout>
          </af:panelBorderLayout>
        </af:panelGroupLayout>
      </af:form>
    </af:document>
</f:view>
</jsp:root>

How it is possible to modify the layout 1-N01

The only OSS note that deals with a change of 1-N01 is based on ABAP program changing table's content directly. Is there any other way except for ABAP to copy and edit the layout used in KBK6?

According to SAP it can not be modified and copied. You can try to follow your recommendation yourself to confirm this.

Using CSS for Tables

I would like to use CSS to center all tables across my site.
Where is
the option to do this?
Thanks!

I would like to use CSS to center all tables across my site.
Where is
the option to do this?
Thanks!

Layout using div's

Hi.
I am using BEA Portal 10 and I need to wrap my code in a div tag right after the body tag. In version 8.1 this could be done inside render:begin start and stop, and render:ending start and stop. Now I do not know how to do it. I have read a couple of places that this is possible, but I can not find any samples or tips anywere.
I also would like to style my layouts using div's rather than tables. Anoyne know how to do that aswell I will be thankful.
This is basically what I am trying to achieve
<body>
    <div id="container">
          <div id="top">Header</div>
          <div id="leftnav">Left</div>
          <div id="rightnav">Right</div>
          <div id="content">Content</div>
     </div>
</body>Regards
Avec
Edited by avec at 05/08/2008 8:00 AM

Thanks, Deepak
I have done just what you recommend earlier. I have mye body.jsp, but I do not know how to edit it. What is valid tags, I can not write html or jsp it seems. And I do not find a way for me to write begin and end tags. I can not find documentation (just API) and not one single sample anywhere. The code is provided below. Where is the endtag rendered, and how can I edit anything in between?
<jsp:root version="2.0"
    xmlns:jsp="http://java.sun.com/JSP/Page"
    xmlns:skeleton="http://www.bea.com/servers/portal/tags/netuix/skeleton"
>
    <jsp:directive.page session="false" />
    <jsp:directive.page isELIgnored="false" />
    <skeleton:context type="bodypc">
        <skeleton:control name="body" presentationContext="${bodypc}" presentationId="container">
            <skeleton:children/>
        </skeleton:control>
    </skeleton:context>
</jsp:root>The layout editing I have tired out before, but I fails everytime. The layout will now display.
I have a support Issue on this matter, but BEA has not followed it thru...
Regards,
Avec

In the output data is coming in two rows instead of the onerow using report

HI ,
I am trying include two cloumns in the existing report layout ,But the output is coming in two rows.
I tried to increase page width in the layout sections and also rebulid the layout using the test data ,For test data is coming fine ,when i ran the concurrent program some records is coming in two rows .
Can any one help ,how to map the columns according the data and increase the width in the report layout .
Thanks
Narendra.

Do a right mouse click on the left, gray row marker => "Insert Row"=> "Inside Group
- Above or Below", then you get a second detail row.
Olaf Helper
[ Blog] [ Xing] [ MVP]

Centering the layout using CSS as opposed to tables

Similar Messages

Maybe you are looking for