Screen Flicker ASP.NET

[Garima12]

I am fetching some values from database and displaying them on screen. Query is generated on one page and then that page calls other page and displays the result. My problem is Screen flashes when I submit the first form. page appears without any data but with labels and table I put.then the screen flashes & the data is present.
How can I remove this flash? I don't want those labels and table to be appeared before data is fetched.

Thks

[Frinavale]

I am fetching some values from database and displaying them on screen. Query is generated on one page and then that page calls other page and displays the result. My problem is Screen flashes when I submit the first form. page appears without any data but with labels and table I put.then the screen flashes & the data is present.
How can I remove this flash? I don't want those labels and table to be appeared before data is fetched.

Thks

When you submit data to the server the page is sent to the server, then the server makes a New page and sends it back to the browser. This is why you are seeing a flicker (they page is being redisplayed).

You could use Ajax (UpdatePanels) to prevent full page updates...then only the section that needs to be update will be and you won't get a "flash".

-Frinny

[Garima12]

bounded it in update panel's content template:

 
<asp:ScriptManager ID="ScriptManager1" runat="server" AsyncPostBackTimeout="360000">
        </asp:ScriptManager>
 
<asp:UpdatePanel ID="gpanel" runat="server">
             <ContentTemplate>
            <div class="tab-page" id="tabPage4" style="width:790px" >
                <h2 class="tab">
                    Property Description
 
                </h2>
 
 
                <script type="text/javascript">tp2.addTabPage( document.getElementById( "tabPage4" ) );</script>
 
                <table bordercolor="blue" id="info" border="1" class="dataTable" style="background-color: #ffffde;width: 800px; border-collapse: separate;" cellspacing="0">
 
                       <tr>
                            <td style="width: 338px;background-color:#e0eafc">
                                Section Block Lot Suffix:</td>
                            <td style="width: 145px">
                                <asp:Label ID="PARCELLabel" runat="server"></asp:Label></td>
                                <td style="width: 217px;background-color:#e0eafc">
                                Property address:&nbsp;</td>
                            <td style="width: 400px">
                                <asp:Label ID="praddrlabel" runat="server"></asp:Label>&nbsp;</td>
 
                        </tr>
                        <tr>
                            <td style="width: 338px;background-color:#e0eafc">
                                SWIS:&nbsp;</td>
                            <td style="width: 145px">
                                <asp:Label ID="SWISLabel" runat="server"></asp:Label>&nbsp;</td>
                                <td style="width: 217px;background-color:#e0eafc">
                                Acres:&nbsp;</td>
                            <td style="width: 400px">
                                <asp:Label ID="ACRESLabel" runat="server"></asp:Label>&nbsp;</td>
                        </tr>
                        <tr>
                            <td style="width: 338px;background-color:#e0eafc">
                                Municipal:&nbsp;</td>
                            <td style="width: 145px">
                                <asp:Label ID="MUNILabel" runat="server"></asp:Label>&nbsp;</td>
                            <td style="width: 217px;background-color:#e0eafc">
                                Frontage:&nbsp;</td>
                            <td style="width: 400px">
                                <asp:Label ID="FRONTAGELabel" runat="server"></asp:Label>&nbsp;</td>
                        </tr>
                        <tr>
                        <td style="width: 338px;background-color:white">
                                &nbsp;</td>
                                <td style="width: 145px;background-color:white">
                                &nbsp;<asp:Label ID="keylabel" Visible="false" runat="server" Width="70px"></asp:Label></td>
                            <td style="width: 217px;background-color:#e0eafc">
                                Depth:&nbsp;</td>
                            <td style="width: 400px">
                                <asp:Label ID="DEPTHLabel" runat="server"></asp:Label>&nbsp;</td>
                        </tr>
 </table>
 
                <iframe name="InfoLinks_1" src="propertydescription.aspx" width="800px"  height="400px"> </iframe>
            </div></ContentTemplate>
            </asp:UpdatePanel>
 

as you see in the code there are labels. it is still displaying those labels and then flashes and displays labels as well as data.
Is there any way to solve it. Please let me know if I m doing anything wrong.
thks

[Garima12]

I have a gridview on 1st page and I am dynamically creating a link button with name info inside the gridview. When I click on info link corresponding information is fetched from database and displayed on 2nd page. In above code, if I mention updatemode="conditional" then I have to explicitely mention update() method.
I don't know how to call update() method from another page and from that info link which is also contained inside gridview and being dynamically generated in front of each record(row).
Can you please guide me regarding this?
thks

[Frinavale]

Query is generated on one page and then that page calls other page and displays the result

At first when you mentioned this I thought you were just saying that the page was displaying different Web User Controls...

Since you are displaying 2 different pages of course there's going to be a flash: a whole new ASPX page is being displayed. It doesn't matter if you use Ajax or not...because the whole page must be rendered.

I have a gridview on 1st page and I am dynamically creating a link button with name info inside the gridview. When I click on info link corresponding information is fetched from database and displayed on 2nd page. In above code, if I mention updatemode="conditional" then I have to explicitely mention update() method.

Remove the UpdatePanel, it's not needed (I'm sorry I mentioned it earlier, I didn't read your question properly). UpdatePanels are used to postback a portion of your page. You are displaying a whole new page, so this doesn't apply to your situation.

I don't know how to call update() method from another page and from that info link which is also contained inside gridview and being dynamically generated in front of each record(row).
Can you please guide me regarding this?
thks

I think it'd be easier to move your update() method somewhere that both pages can access it (maybe a create a Utils class that has a public method that both can refer to).

-Frinny