Search code examples
asp.nethtmlcssvisual-studio-2010visual-studio-designer

Visual Studio 2010 designer not displaying AJAX tab container correctly


OverView

I'm having problem with Ajax Tab Container ,I have added three tabs in it namely "Add User" , "Delete User" and "Update User". I had to add them using "Source View" ,because I was unable to find the smart tag of Ajax Tab Container.

  • I can't modify tabs,
  • Can't add event handlers,

Problem
So the problem is Visual Studio 2010 is not displaying AJAX tab container correctly in the designer and I have to manually modify the control in the "Source View" which is time consuming.

Inside Visual Studio Ajax Tab Rendering
Inside Visual Studio Ajax Tab Rendering

Although the Tab container is correctly rendered in browser.

Inside FireFox Ajax Tab container Rendering Rendering Inside FireFox Rendering

How to fix it ?

Update: found this post related


Solution

  • I have to manually modify the control in the "Source View" which is a waste of time.

    This is not a waste of time. Personally I don't think Design Mode should be used at all, and that you should familarise yourself with understanding the code so that you can visualise this yourself.

    If you are interested in becoming a professional web developer, then I would recommend removing Design Mode from Visual Studio (This is possible through the Tools option*). This will then resolve your issue.

    *Go to Tools > HTML Designer > Untick Enable HTML Designer