ASP.NET AJAX Discussion and Suggestions

Re: Update Panel width

Vince Xu - MSFT — Tue, 02 Sep 2008 04:26:54 GMT

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.

Re: Update Panel width

abhijeet_dighe — Tue, 02 Sep 2008 04:12:20 GMT

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?

Re: Update Panel width

Vince Xu - MSFT — Tue, 02 Sep 2008 02:49:47 GMT

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.

Re: Update Panel width

abhijeet_dighe — Sat, 30 Aug 2008 11:55:09 GMT

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.

Re: Update Panel width

atanu.podder — Sat, 30 Aug 2008 10:42:17 GMT

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>

Re: Update Panel width

abhijeet_dighe — Sat, 30 Aug 2008 05:27:01 GMT

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.

Re: Update Panel width

gt1329a — Fri, 29 Aug 2008 13:22:21 GMT

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

#UpdatePanel1 { width: 800px; }

etc.

Re: Update Panel width

abhijeet_dighe — Fri, 29 Aug 2008 13:08:54 GMT

But Update Panel is not having width property

Re: Update Panel width

gt1329a — Fri, 29 Aug 2008 13:04:35 GMT

Try giving your UpdatePanel a width too. An UpdatePanel just renders as a <div>. Without styling information, the designer doesn't know how to render it.

Re: Update Panel width

abhijeet_dighe — Fri, 29 Aug 2008 11:46:00 GMT

Is there any fix for that?

Re: Update Panel width

ilivewithian — Fri, 29 Aug 2008 11:39:09 GMT

I've found that the studio designer isn't very good when you have master pages or update panels, you'll just have to live with it.

Update Panel width

abhijeet_dighe — Fri, 29 Aug 2008 09:32:07 GMT

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.