Hi

I am using html table having width 100% inside update panel.

But still width of update panel is not changing in vidual studio designer.

If I run the application table is displayed properly with 100% width.

Why this happens? Why update panel doesnt change its width?

Bellow is my html code :

         <asp:UpdatePanel ID="UpdatePanel3" runat="server">
            <ContentTemplate>
               <table style="width:100%; border:solid 1px black;">
                <tr>
                    <td>
                    </td>
                </tr>
            </table>
            </ContentTemplate>
        </asp:UpdatePanel>

I dont have any other code in design beside this.

Thanks in advance.

But Update Panel is not having width property

Since it renders as a <div>, you can style it with CSS:

#UpdatePanel1 { width: 800px; }

etc.

Thanks for your reply.

It works for fixed width like 600px.

But if I change width of table to 100%.

Then width of update panel is not changing in designer.

 Have a table inside it and set its width to 100%, thats it! Here is the sample 

            <asp:UpdatePanel ID="updatePanel" runat="server">
                <ContentTemplate>
                    <table width="100%" style="background-color:OrangeRed">
                        <tr>
                            <td>
                                Its set to 100%.
                            </td>
                        </tr>
                    </table>
                </ContentTemplate>
            

When I run the application, table is displayed properly.

But in the vidual studio designer , Update Panel is not stretched to 100% width.

 I have some pages where design is very complicated. So I need to check layout in the designer. 

Hi,

The width of UpdatePanel is settled in design mode. We can't set the width to it. So we shouldn't lean on the design mode to confirm the layout.

If you want to confirm the layout in design mode, the only thing you can do is using div instead of UpdatePanel to check the layout. And replace back before running.

In a word, I don't suggest you adjust the layout in design mode. It will be changed after running in the browser. And in the different browsers, the layout is different.

Hi

I got the solution here : http://www.codeproject.com/KB/ajax/TBUpdatePanel.aspx

The only problem is that it shows message when moving from html source view to design view.

Should I use this approach? Will this create any problems?

Hi,

This is the third-party control which is based on UpdatePanel. I'm not sure if it will encounter some problems.

However, the design mode can't be the absolutely same as on the browser. Maybe in FireFox, the layout is totally different.