Changes

The Page Structure of bxp

1,243 bytes added, 23:27, 17 November 2015

Created page with "= Overview = This article discusses the technical structures of the bxp pages to allow designers and CSS teams to completely restyle and manage the bxp interface. = Structu..."

= Overview =

This article discusses the technical structures of the bxp pages to allow designers and CSS teams to completely restyle and manage the bxp interface.

= Structures - Page Archetypes =

There are four page archetypes within bxp

# Login
# Main Menu
# Section Menu
# Page

Each of these page types have commonalities.

= Structures - General Presentation =

Within the HTML of the page there is a common framing structure for MOST pages.

<syntaxhighlight lang="html4strict">
<body >
<div id="divBodyAll" class="cssBodyAll">
<div id="divBodyInner" class="cssBodyInner">
<table id="tableBodyInner" border="0" cellspacing="0" cellpadding="0" class="cssMaster_Page">
<tr>
<td><div class="cssMaster_Header">
<form name="form1" id="form1" action="xxxxxxxx.asp" method="post">
</form>
</div>
</td>
</tr>
</table>
</div>
</div>
</body>
</syntaxhighlight>

Lets look at what the CSS classes do

== General ==

== cssBodyAll ==

<syntaxhighlight lang="css">
.cssBodyAll{
position: absolute;
top: 20%;
margin-top: 0 px;/* half of #content height */
left: 0;
width: 100%;
}
</syntaxhighlight>

== cssBodyInner ==

== cssMaster_Page ==

== cssMaster_Header ==