PDA

View Full Version : [INVALID] Viewport: Element 'Tab/Panel/TabPanel' is not a known element.



t0ny
Jun 11, 2008, 7:45 AM
After noticing some annoying errors in my project I decided to start from scratch.

I have started Visual Studio (2005) and followed the Readme to set-up Coolite.

Created a new ASP.NET website and dropped on a ScriptManager and a Viewport control.

I can run the project no problem and it looks great, however various elements in Visual Studio are underlined and when I check the errors tab there are 8 errors for Tab, Panel and TabPanel which all say they are not know elements.

Is there something I am missing or doing wrong?
Perhaps Visual Studio 2005 is too old? :o(

Thanks

geoffrey.mcgill
Jun 11, 2008, 7:49 AM
Hi t0ny,

If the project runs fine then I'm not entirely sure where the errors would be coming from. Are they "Errors" or "Warnings"?

Can you post or (email us directly (support@object.net)) a screen capture of Visual Studio open, showing source view and the panel with the errors open?

Everything should work fine in VS 2005. If there's a problem , we'll do our best to fix it.

t0ny
Jun 11, 2008, 8:09 AM
Hi Geoffrey, thanks for you very quick reply!

The project runs great, just lists these errors but only if I click the errors tab. It does not automatically jump up like if there was a proper issue. As you can see from the screenshot the elements are underlined in the source view.

Screenshot: http://www.tonycollins.net/coolite_errors.gif

geoffrey.mcgill
Jun 11, 2008, 8:36 AM
If you right-click on the Solution and select "Rebuild Solution", does everything compile?

Can you post (or email) a copy of that same exact .aspx file. I realize it's probably just the default (drag/drop) ViewPort markup, but I would like to test with the exact same file.

t0ny
Jun 11, 2008, 8:43 AM
Yes, everything compiles and runs fine. (I wonder if this is some silly setting in VS rather than Coolite!).

Here is the code (An empty code behind will be fine):



<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>


<%@ Register Assembly="Coolite.Ext.Web" Namespace="Coolite.Ext.Web" TagPrefix="ext" %>


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


<html xmlns="http://www.w3.org/1999/xhtml" >


<head runat="server">


<title>Coolite Test</title>


<link rel="stylesheet" type="text/css" href="css/screen.css" media="screen" title="screen" />


</head>


<body>


<form id="form1" runat="server">


<ext:ScriptManager ID="ScriptManager1" runat="server" Theme="Gray"/>





<ext:ViewPort ID="ViewPort1" runat="server">


<Content>


<ext:BorderLayout ID="BorderLayout1" runat="server">


<North Collapsible="True" Split="True">


<ext:Panel ID="NorthPanel" runat="server" Height="150" Title="Site Search" Collapsed="true" BodyStyle="padding:6px;">


</ext:Panel>


</North>


<East Collapsible="true" Split="true">


<ext:Panel ID="EastPanel" runat="server" Title="East" Width="175" BodyStyle="padding:6px;">


<Content>


<ext:FitLayout ID="FitLayout1" runat="server">


<ext:TabPanel runat="server" ActiveTab="0" Border="false" TabPosition="Bottom" Title="Title">


<tabs>


<ext:Tab runat="server" Title="Tab 1">


<content>


<div id="siteContacts">


<h3>Site Contacts</h3>


<asp:DataList ID="ContactsDataList" runat="server">


<itemtemplate>


<div class="siteContactName">


<asp:LinkButton ID="ContactNameLinkButton" runat="server"><%# DataBinder.Eval(Container.DataItem,"name")%></asp:LinkButton>






<div class="siteContactPhone">


<%# DataBinder.Eval(Container.DataItem,"phone")%>






</itemtemplate>


</asp:DataList>






</content>


</ext:Tab>


<ext:Tab runat="server" Title="Tab 2" />


</tabs>


</ext:TabPanel>


</ext:FitLayout>


</Content>


</ext:Panel>


</East>


<South Collapsible="true" Split="true" >


<ext:Panel ID="Panel3" runat="server" Height="150" Title="South" BodyStyle="padding:6px;" AutoScroll="true" >


<Content>


<asp:Literal ID="CommentsLiteral" runat="server"></asp:Literal>


</Content>


</ext:Panel>


</South>


<West Collapsible="true" Split="true">


<ext:Panel ID="WestPanel" runat="server" Title="West" Width="175" BodyStyle="padding:6px;">


<Content>


<ext:Accordion ID="Accordion1" runat="server" Animate="true">


<ext:Panel runat="server" Border="false" Collapsed="True" Icon="FolderGo" Title="Item 1">


</ext:Panel>


<ext:Panel runat="server" Border="false" Collapsed="true" Icon="FolderWrench" Title="Item 2">


</ext:Panel>


</ext:Accordion>


</Content>


</ext:Panel>


</West>


<Center>


<ext:Panel ID="CenterPanel" runat="server" Title="Center" BodyStyle="padding:6px;">


<Content>


<ext:FitLayout ID="FitLayout2" runat="server">


<ext:TabPanel runat="server" ActiveTab="0" Border="false" Title="Center">


<tabs>


<ext:Tab runat="server" Title="Tab 1" Closable="true">


<content>





<div style="width:550px">


<div class="row">


Address:





<asp:Literal ID="FullAddressLiteral" runat="server"></asp:Literal>












<div class="row">


Parent Site:





<a href ="">Parent Site</a>












<div class="row">


References:





<asp:Literal ID="ReferencesLiteral" runat="server"></asp:Literal>









<div class="row">


Departments:





<asp:Literal ID="DepartmentsLiteral" runat="server"></asp:Literal>
















</content>


</ext:Tab>





<ext:Tab runat="server" Title="Tab 2" />


</tabs>


</ext:TabPanel>


</ext:FitLayout>


</Content>


</ext:Panel>


</Center>


</ext:BorderLayout>


</Content>


</ext:ViewPort>






</form>


</body>


</html>

geoffrey.mcgill
Jun 11, 2008, 10:05 AM
Hmmm, that seemed to work fine for me. In Visual Studio 2005 and 2008 as well as Visual Web Developer Express 2005 and 2008.

What happens if you do the following steps (in order):
delete the contents of the /bin/ directory close/exit Visual Studio re-open your project in Visual Studio compile your application/solution

t0ny
Jun 11, 2008, 10:43 AM
OK, If I do that it complains about the dll going missing i.e


Error 1 Could not load file or assembly 'Coolite.Ext.Web' or one of its dependencies.


Should this automatically get added into the 'bin' dir on Rebuild?

t0ny
Jun 11, 2008, 10:57 AM
Forgive me for wasting your time. I dragged on another coolite control for the dll reference to be added and then this time it comiled without errors!!!

geoffrey.mcgill
Jun 11, 2008, 10:58 AM
Excellent. Thanks for the update.