IWETHEY v. 0.3.0 | TODO
1,095 registered users | 0 active users | 0 LpH | Statistics
Login | Create New User
IWETHEY Banner

Welcome to IWETHEY!

IWETHEY Home / IWETHEY Board / Theory and Practice of Programming Forum / Here's the page layout
Post #306,230
by lincoln
3/26/09 10:22:19 AM
Reply
New Here's the page layout 
<form id="PensionHistory" runat="server">
    <div id="divContainer">
        <asp:ScriptManager ID="ScriptManager" runat="server"> </asp:ScriptManager>
        <igmisc:WebPageStyler ID="WebPageStyler" runat="server"  EnableAppStyling="True" StyleSetName="Nautilus" StyleSetPath="/ig_common/20082CLR20/styles"/>                                      
        
        <div id="divSidebar">
            <div id="divTimeInfo">
                <igmisc:WebGroupBox ID="grpTimeInfo" runat="server" EnableAppStyling="False">
                    <Template>
                        <asp:Label ID="lblDate" cssClass="HeaderDate" runat="server"></asp:Label>
                        <asp:Label ID="lblTime" CssClass="HeaderTime" runat="server"></asp:Label>
                        <asp:Label ID="lblEmpName" CssClass="EmpName" runat="server"></asp:Label>
                    </Template>
                </igmisc:WebGroupBox>
            </div>  <!-- divtimeInfo -->
            <div id="divButtonPanel" class="CommonButtonPanel">
                <igmisc:WebGroupBox ID="grpButtonPanel" runat="server" EnableAppStyling="False">
                    <Template>
                        <asp:ImageButton ID="btnBack" cssClass="BackButton" runat="server" ImageUrl="~/Images/BTN_Back.gif"/>
                        <asp:ImageButton ID="btnLogout" cssClass="LogoutButton" runat="server" ImageUrl="~/Images/BTN_Logout.gif"/>
                        <asp:Button ID="btnHome" CssClass="HomeButton" runat="server" Text="Home" />
                    </Template>           
                </igmisc:WebGroupBox>
            </div>  <!-- divCommonButtonPanel -->
        </div>  <!-- divSideBar -->
        
        <div id="divContentNoHeader">
            <div id="divEmployeePanel" style="height: 198px; width: 400px;">
                <igmisc:WebGroupBox ID="grpMember" runat="server" CssClass="grpBox" StyleSetName="Nautilus" Text="" TitleAlignment="Left">
                    <Template>
                    <asp:Label CssClass="CreditPanelLabels" ID="Label6" runat="server" style="top: 2%;">Name</asp:Label>
                    <asp:Label CssClass="CreditPanelLabels" ID="Label7" runat="server" style="top: 11%;">Address</asp:Label>        
                    <asp:Label CssClass="CreditPanelLabels" ID="Label8" runat="server" style="top: 20%;">City/State/Zip</asp:Label>
                    <asp:Label CssClass="CreditPanelLabels" ID="Label9" runat="server" style="top: 29%;">Phone</asp:Label>        
                    <asp:Label CssClass="CreditPanelLabels" ID="Label10" runat="server" style="top: 38%;">Mem. ID#</asp:Label>
                    <asp:Label CssClass="CreditPanelLabels" ID="Label11" runat="server" style="top: 47%;">Birthday</asp:Label>
                    <asp:Label CssClass="CreditPanelLabels" ID="Label12" runat="server" style="top: 56%;">Age</asp:Label>    
                    <asp:Label CssClass="CreditPanelLabels" ID="Label13" runat="server" style="top: 65%;">Marital Status</asp:Label>
                    <asp:Label CssClass="CreditPanelLabels" ID="Label25" runat="server" style="top: 74%;">Break</asp:Label>
                    <asp:Label CssClass="CreditPanelLabels" ID="Label26" runat="server" style="top: 83%;">Status</asp:Label>
                    <asp:Label CssClass="CreditPanelLabels" ID="Label17" runat="server" style="top: 92%;">SSN</asp:Label>
                
                    <asp:Label CssClass="MemberInfo" ID="lblName" runat="server" style="top: 2%;"></asp:Label>
                    <asp:Label CssClass="MemberInfo" ID="lblAddress" runat="server" style="top: 11%;"></asp:Label>
                    <asp:Label CssClass="MemberInfo" ID="lblCityStateZip" runat="server" style="top: 20%;"></asp:Label>
                    <asp:Label CssClass="MemberInfo" ID="lblPhone" runat="server" style="top: 29%;"></asp:Label>
                    <asp:Label CssClass="MemberInfo" ID="lblMemID" runat="server" style="top: 38%;"></asp:Label>
                    <asp:Label CssClass="MemberInfo" ID="lblBirthday" runat="server" style="top: 47%;"></asp:Label>
                    <asp:Label CssClass="MemberInfo" ID="lblAge" runat="server" style="top: 56%;"></asp:Label>
                    <asp:Label CssClass="MemberInfo" ID="lblMaritalStatus" runat="server" style="top: 65%;"></asp:Label>
                    <asp:Label CssClass="MemberInfo" ID="lblBreak" runat="server" style="top: 74%;"></asp:Label>
                    <asp:Label CssClass="MemberInfo" ID="lblStatus" runat="server" style="top: 83%;"></asp:Label>
                    <asp:Label CssClass="MemberInfo" ID="lblSSN" runat="server" style="top: 92%;"></asp:Label>
                    </Template>
                </igmisc:WebGroupBox>
            </div>  <!-- employee panel -->
    
            <div id="divCreditPanel" style="height: 198px; width: 200px;">
                <igmisc:WebGroupBox ID="grpCredit" runat="server" CssClass="grpBox" StyleSetName="Nautilus" Text="" TitleAlignment="Left">
                    <Template>
                    <asp:Label CssClass="CreditPanelLabels" ID="Label1" runat="server" Text="Past" style="top: 2%;"></asp:Label>
                    <asp:Label CssClass="CreditPanelLabels" ID="Label2" runat="server" Text="Middle" style="top: 11%;"></asp:Label>
                    <asp:Label CssClass="CreditPanelLabels" ID="Label3" runat="server" Text="Future" style="top: 20%;"></asp:Label>
                    <asp:Label CssClass="CreditPanelLabels" ID="Label4" runat="server" Text="Bank" style="top: 29%;"></asp:Label>
                    <asp:Label CssClass="CreditPanelLabels" ID="Label5" runat="server" Text="Total" style="top: 38%;"></asp:Label>
                    <asp:Label CssClass="CreditPanelLabels" ID="Label14" runat="server" Text="Vesting" style="top: 47%;"></asp:Label>
                    <asp:Label CssClass="CreditPanelLabels" ID="Label15" runat="server" Text="V Status" style="top: 56%;"></asp:Label>
                    <asp:Label CssClass="CreditPanelLabels" ID="Label16" runat="server" Text="Vest YR" style="top: 65%;"></asp:Label>
                
                    <asp:Label CssClass="CreditInfo" ID="lblPast" runat="server" style="top: 2%;"></asp:Label>            
                    <asp:Label CssClass="CreditInfo" ID="lblMiddle" runat="server" style="top: 11%;"></asp:Label>
                    <asp:Label CssClass="CreditInfo" ID="lblFuture" runat="server" style="top: 20%;"></asp:Label>
                    <asp:Label CssClass="CreditInfo" ID="lblBank" runat="server" style="top: 29%;"></asp:Label>       
                    <asp:Label CssClass="CreditInfo" ID="lblTotal" runat="server" style="top: 38%;"></asp:Label>            
                    <asp:Label CssClass="CreditInfo" ID="lblVesting" runat="server" style="top: 47%;"></asp:Label>            
                    <asp:Label CssClass="CreditInfo" ID="lblVestingStatus" runat="server" style="top: 56%;"></asp:Label>            
                    <asp:Label CssClass="CreditInfo" ID="lblVestYear" runat="server" style="top: 65%;"></asp:Label>
                    </Template>
                </igmisc:WebGroupBox>
            </div> <!-- credit panel -->
       
            <div id="divEmpGrid" style="position: absolute; height: 245px; width: 840px;">
                <igtbl:UltraWebGrid ID="WebGrid" runat="server" EnableTheming="True" StyleSetName="Nautilus" Height="225px" Width="800px">
                    <Bands>
                        <igtbl:UltraGridBand>
                            <AddNewRow View="NotSet" Visible="NotSet"></AddNewRow>
                        </igtbl:UltraGridBand>
                    </Bands>
                    <DisplayLayout BorderCollapseDefault="Separate" Name="WebGrid" RowHeightDefault="20px" Version="4.00">                   
                        <ActivationObject BorderColor="" BorderWidth=""></ActivationObject>
                        <%--<FrameStyle Height="63%" Width="90%"></FrameStyle>--%>
                        <FrameStyle Height="225px" Width="840px"></FrameStyle>
                        <FooterStyleDefault BackColor="#84A2C6"></FooterStyleDefault>
                    </DisplayLayout>
                </igtbl:UltraWebGrid>
            </div>   <!-- divEmpGrid -->
            
        </div> <!-- divContentNoHeader -->                    
        
        <div id="divCopyright" class="divCopyright">
            <asp:Label ID="lblCopyright" runat="server">Copyright 2009 BICC Systems, Inc. All Rights Reserved</asp:Label>
        </div>   <!-- divCopyright -->            
        
    </div>  <!-- divContainer -->
    
</form>



"Chicago to my mind was the only place to be. ... I above all liked the city because it was filled with people all a-bustle, and the clatter of hooves and carriages, and with delivery wagons and drays and peddlers and the boom and clank of freight trains. And when those black clouds came sailing in from the west, pouring thunderstorms upon us so that you couldn't hear the cries or curses of humankind, I liked that best of all. Chicago could stand up to the worst God had to offer. I understood why it was built--a place for trade, of course, with railroads and ships and so on, but mostly to give all of us a magnitude of defiance that is not provided by one house on the plains. And the plains is where those storms come from." -- E.L. Doctorow
Post #306,248
by altmann
3/26/09 6:11:51 PM
Reply
New Re: Here's the page layout
It looks like you are both setting some CSS yourself and enabling Infragistics' "Application Styling Framework" on a number of those controls. There could be a conflict between the CSS generated by those two mechanisms.

Since the sort action that triggers this problem is client side, it would be more helpful to see the client side HTML generated by this aspx page and any style sheets referenced by that client side code.

You could also look at that client side code using a DOM inspector like that in the IE Developer Toolbar or similar tools in other browsers to see what is changing in the style of a given control when you sort.
Post #306,275
by lincoln
3/27/09 9:12:07 AM
Reply
New Here's the CSS for all elements on the page
@media screen, print, projection
{

body
{
position: absolute;
font-family: Arial, 'Times New Roman', Sans-Serif, Verdana, Tahoma;
font-size: 62.5%;
background-image: url(../../Images/BGD_Brushed_Metal.jpg);
}

/* Style Classes used on all Search web pages */

#divSidebar
{
position: absolute;
left: 0%;
top: 0%;
width: 160px;
height: 565px;
background-color: #84A2C6;
border: Groove 1px Black;
}

#divTimeInfo
{
position: absolute;
top: 2%;
left: 2%;
width: 94%;
height: 17%;
background-color: #E9E9E9;
}

#grpTimeInfo
{
position: absolute;
top: 0%;
left: 0%;
Height: 100%;
background-color: #E9E9E9;
border: 5px ridge #97B1FF;
width: 95%;
}

.HeaderDate
{
position: absolute;
top: 10%;
left: 2%;
width: 75%;
font-size: 7pt;
text-align: left;
font-weight: bold;
background-color: Transparent;
}

.HeaderTime
{
position: absolute;
top: 25%;
left: 2%;
width: 75%;
font-size: 7pt;
text-align: left;
font-weight: bold;
background-color: Transparent;
}

.EmpName
{
position: absolute;
top: 35%;
left: 2%;
width: 95%;
font-size: 7pt;
text-align: left;
font-weight: bold;
background-color: Transparent;
}

.CommonButtonPanel
{
position: absolute;
left: 2%;
top: 22%;
width: 94%;
height: 12%;
background-color: Transparent;
}

#grpButtonPanel
{
position: absolute;
top: 0%;
left: 0%;
Height: 100%;
background-color: #E9E9E9;
border: 5px ridge #97B1FF;
width: 95%;
}

.BackButton
{
position: absolute;
top: 55%;
cursor: hand;
left: 5%;
}

.HomeButton
{
position: absolute;
top: 10%;
cursor: hand;
left: 5%;
font-weight: bold;
}

.LogoutButton
{
position: absolute;
top: 68%;
cursor: hand;
left: 5%;
}

.divCopyright
{
position: absolute;
top: 97%;
left: 20%;
height: 10%;
width: 50%;
text-align: center;
font-weight: bold;
font-size: 8pt;
}

/* Style Classes shared by the SearchResults and PensionHistory pages */

#divEmpGrid
{
position: absolute;
top: 37%;
left: 17%;
width: 83%;
height: 63%;
}

/* Style Classes shared by the PensionHistory and PensionHistoryDetail pages */

.grpBox
{
position:absolute;
top: 0%;
left: 0%;
Height: 100%;
Width: 100%;
border: 1px #000000 solid;
border-style: groove;
}

.CreditPanelLabels
{
position: absolute;
left: 3%;
text-align: left;
font-weight: bold;
font-size: 8pt;
font-family: Arial, 'Times New Roman', Sans-Serif;
}

.MemberInfo
{
position: absolute;
left: 32%;
width: 70%;
text-align: left;
vertical-align: middle;
font-size: 8pt;
font-family: Arial, 'Times New Roman', Sans-Serif;
}

.CreditInfo
{
position: absolute;
left: 32%;
width: 80%;
text-align: left;
vertical-align: middle;
font-size: 8pt;
font-family: Arial, 'Times New Roman', Sans-Serif;
}

#divEmployeePanel
{
background-color: #99CCFF;
position: absolute;
left: 17%;
top: 1%;
height: 35%;
width: 40%;
}

#divContentNoHeader
{
top: 2%;
left: 410px;
height: 90%;
width: 590px;
}

#divCreditPanel
{
background-color: #99CCFF;
position: absolute;
left: 58%;
top: 1%;
height: 35%;
width: 25%;
}

.divCopyright
{
position: absolute;
top: 97%;
left: 20%;
height: 10%;
width: 50%;
text-align: center;
font-weight: bold;
font-size: 8pt;
}

}




"Chicago to my mind was the only place to be. ... I above all liked the city because it was filled with people all a-bustle, and the clatter of hooves and carriages, and with delivery wagons and drays and peddlers and the boom and clank of freight trains. And when those black clouds came sailing in from the west, pouring thunderstorms upon us so that you couldn't hear the cries or curses of humankind, I liked that best of all. Chicago could stand up to the worst God had to offer. I understood why it was built--a place for trade, of course, with railroads and ships and so on, but mostly to give all of us a magnitude of defiance that is not provided by one house on the plains. And the plains is where those storms come from."

-- E.L. Doctorow
Post #306,282
by jay
3/27/09 9:56:47 AM
3/28/09 3:29:38 PM
Reply
New Nothing jumps out
Nothing jumps out as obviously wrong. And without the underlying .NET controls, there isn't much I can do to test it here.

Jay
Expand Edited by jay March 28, 2009, 03:29:38 PM EDT
Expand All History
     This just blows my mind - (lincoln) - (14) - March 24, 2009, 05:13:44 PM EDT
         any chance the controls are being sorted? -NT - (boxley) - March 24, 2009, 07:02:54 PM EDT
         How is "sortable" implemented? - (altmann) - (9) - March 24, 2009, 07:08:37 PM EDT
             Re: How is "sortable" implemented? - (lincoln) - (8) - March 24, 2009, 09:35:47 PM EDT
                 Looks like a .NET control - (jay) - (7) - March 24, 2009, 10:49:05 PM EDT
                     correct - (lincoln) - (6) - March 25, 2009, 05:46:09 PM EDT
                         It's worth trying - (jay) - (5) - March 26, 2009, 09:06:33 AM EDT
                             Re: It's worth trying - (lincoln) - March 26, 2009, 09:19:21 AM EDT
                             Here's the page layout - (lincoln) - (3) - March 26, 2009, 10:22:19 AM EDT
                                 Re: Here's the page layout - (altmann) - (1) - March 26, 2009, 06:11:51 PM EDT
                                     Here's the CSS for all elements on the page - (lincoln) - March 27, 2009, 09:12:07 AM EDT
                                 Nothing jumps out - (jay) - March 28, 2009, 03:29:38 PM EDT
         I finally gave up - (lincoln) - (2) - April 6, 2009, 12:16:40 PM EDT
             who said, "It flickers just like the other way" - (boxley) - (1) - April 6, 2009, 12:40:37 PM EDT
                 Re: who said, "It flickers just like the other way" - (lincoln) - April 6, 2009, 01:06:09 PM EDT

Geothermal powered!
49 ms