Problem with Design View and MasterPage Content Place holder

cdemott33
cdemott33 used Ask the Experts™
on
I have a wierd problem and I'm not really sure how to fix it.  

I've got a page called "Visits.aspx" (Not that the name matters) that uses a MasterPage.  When I open the Visits.aspx page you can see the ContentPlaceHolder1(Custom) area outlined in purple.  (See screenshot attached)

Now, for whatever strange reason, as I add content (Text, Images, Charts, Gridview, etc.) the ContentPlaceHolder does NOT expand????  

Have a look at my screenshot.  You can see the purple board that indicated the ContentPlaceHolder and you can see the top of a Chart Control.  The rest of the chart control can't be seen because the Placeholder is not expanding.

How in the world do I fix this odd bug?
vs-purpleboardwontexpand.png
Comment
Watch Question

Do more with

Expert Office
EXPERT OFFICE® is a registered trademark of EXPERTS EXCHANGE®
Anuradha GoliSystems Development / Support Specialist

Commented:
It is in design mode.
But can you view the chart when you run the application.
HI,
Could you post your HTML code of the visits.aspx to analyze the issue.

Author

Commented:
hi Anuradhay - It works fine when viewed in a browsers.  No issues.  The probelm is the "Design" view.  It's a pain in the butt.

hi hafeezmca - My ASPX code is below.

<%@ Page Title="" Language="VB" MasterPageFile="~/Reports/MasterPages/Reports-MasterPage.master" AutoEventWireup="false" CodeFile="Visits.aspx.vb" Inherits="Reports_ReportTypes_Visits_Visits" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
    <div id="pageHeader" class="clearfloat">
        <div class="logo floatRight">
            <asp:Image ID="imgLogoDot" runat="server" ImageUrl="~/Images/IDD_Dots_Logo.jpg" AlternateText="Innovative Dispaly & Design"/>
        </div>
        <div class="heading floatLeft">
            <h2>Event Success Report</h2>
            <h3>Visitor Reports</h3>
        </div>
    </div>
    <div id="pageSubHeader">
        <div class="pshAbout">
            <strong>Visitor Report - What Is This Data?:</strong> The Registered Attendee report is a list of people who pre-registered for this event.
        </div>
    </div>
    
    <div>
        <asp:ObjectDataSource ID="ObjectDataSource1" runat="server" 
            OldValuesParameterFormatString="original_{0}" 
            SelectMethod="GetDailyVisitorCount" 
            TypeName="ChartsDALTableAdapters.DailyVisitorCountTableAdapter">
            <SelectParameters>
                <asp:ControlParameter ControlID="hfSelectedEventID" Name="EventID" 
                    PropertyName="Value" Type="Int32" />
            </SelectParameters>
        </asp:ObjectDataSource>

        <asp:HiddenField ID="hfSelectedEventID" runat="server" />
        <asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" 
            CellPadding="4" DataSourceID="ObjectDataSource1" ForeColor="#333333" 
            GridLines="None" CssClass="centeredContent">
            <AlternatingRowStyle BackColor="White" ForeColor="#284775" />
            <Columns>
                <asp:BoundField DataField="eventDate" HeaderText="Date" 
                    SortExpression="eventDate" />
                <asp:BoundField DataField="numberOfVisitors" HeaderText="# Of Visitors" 
                    ReadOnly="True" SortExpression="numberOfVisitors" />
            </Columns>
            <EditRowStyle BackColor="#999999" />
            <FooterStyle BackColor="#5D7B9D" Font-Bold="True" ForeColor="White" />
            <HeaderStyle BackColor="#5D7B9D" Font-Bold="True" ForeColor="White" />
            <PagerStyle BackColor="#284775" ForeColor="White" HorizontalAlign="Center" />
            <RowStyle BackColor="#F7F6F3" ForeColor="#333333" />
            <SelectedRowStyle BackColor="#E2DED6" Font-Bold="True" ForeColor="#333333" />
            <SortedAscendingCellStyle BackColor="#E9E7E2" />
            <SortedAscendingHeaderStyle BackColor="#506C8C" />
            <SortedDescendingCellStyle BackColor="#FFFDF8" />
            <SortedDescendingHeaderStyle BackColor="#6F8DAE" />
        </asp:GridView>
        <div class="centeredText">
            <asp:Chart ID="Chart1" runat="server" DataSourceID="ObjectDataSource1" 
                Width="500px" Height="350px">
                <Series>
                    <asp:Series Name="Series1" XValueMember="eventDate" CustomProperties="DrawingStyle=Cylinder, 
             MaxPixelPointWidth=50" YValueMembers="numberOfVisitors" ShadowOffset="2" IsValueShownAsLabel="False">
                    </asp:Series>
                </Series>
                <ChartAreas>
                    <asp:ChartArea Name="ChartArea1" BackGradientStyle="TopBottom" BackSecondaryColor="#B6D6EC" BorderDashStyle="Solid" BorderWidth="2">
                    </asp:ChartArea>
                </ChartAreas>
            </asp:Chart>
        </div>
    </div>
</asp:Content>

Open in new window

Most Valuable Expert 2012
Top Expert 2014
Commented:
VS issue. Does the problem persist if you start a new page?

Do more with

Expert Office
Submit tech questions to Ask the Experts™ at any time to receive solutions, advice, and new ideas from leading industry professionals.

Start 7-Day Free Trial