PDA

View Full Version : [FIXED] Tab had a little icon when open on FF



erw13n
Mar 08, 2008, 7:30 PM
Hi all,

This is soo WOW Skins%5CCoolite%5CImages/MessageIcons/W00t.gif, it was a great and awesome project.
I cannot wait till all controls are available. Skins%5CCoolite%5CImages/MessageIcons/Smile.gif

I was a DNN developer, and try to implement it on DNN and it work great. It's fast and easy to use!
You had a great tabs, but it's looks like it had a little icon on right side on every tabs when it run on FF, but not on last right tab. It not show when it run on IE. see on attachment.

Secondly, what is the function of Draggable on Tabs? first I think, it can move single tab to another, but it Drag all the tab.

geoffrey.mcgill
Mar 09, 2008, 4:45 PM
Hi erw13n,

Can you provide us with a code sample demonstrating how you create the TabPanel? code-behind or with tags in .aspx?

Are you setting the IconCls property on any of those tabs?

erw13n
Mar 09, 2008, 5:18 PM
I did not set the IconCls property, but as you can see, when I set the tabs to Closeable, the icon is not in there.



<%@ Control Language="VB" AutoEventWireup="false" CodeFile="ViewCompanies.ascx.vb" Inherits="NPRG.Company.ViewCompanies" %>
<%@ Register Assembly="Coolite.Web.UI" Namespace="Coolite.Web.UI" TagPrefix="cool" %>



<cool:ScriptManager ID="ScriptManager1" runat="server" />
<br />
<cool:TabPanel ID="TabPanel2" runat="server" ActiveTab="0" Height="300px" AutoDestroy="False" Title="TabPanel2" Draggable="True">
<Items>
<cool:Tab ID="tab0" runat="server" Title="Company Information" Closable="True">
<Content>
<cool:TabPanel ID="TabPanel3" runat="server" ActiveTab="0" Height="300px" MaskDisabled="False">
<Items>
<cool:Tab ID="tab4" runat="server" Title="Company">
<Content>
</Content>
</cool:Tab>
<cool:Tab ID="tab5" runat="server" Title="Alias">
<Content>
</Content>
</cool:Tab>
<cool:Tab ID="tab6" runat="server" Title="Location">
<Content>
</Content>
</cool:Tab>
<cool:Tab ID="tab7" runat="server" Title="Contact">
<Content>
</Content>
</cool:Tab>
<cool:Tab ID="tab8" runat="server" Title="Employees">
<Content>
</Content>
</cool:Tab>
</Items>
</cool:TabPanel>
</Content>
</cool:Tab>
<cool:Tab ID="tab9" runat="server" Title="Financials" Closable="True">
<Content>
<cool:TabPanel ID="TabPanel4" runat="server" ActiveTab="0" Height="300px">
<Items>
<cool:Tab ID="tab10" runat="server" Title="Financials">
<Content>
</Content>
</cool:Tab>
<cool:Tab ID="tab11" runat="server" Title="Funding">
<Content>
</Content>
</cool:Tab>
<cool:Tab ID="tab12" runat="server" Title="Merger &amp; Acquisition">
<Content>
</Content>
</cool:Tab>
<cool:Tab ID="tab13" runat="server" Title="IPO">
<Content>
</Content>
</cool:Tab>
</Items>
</cool:TabPanel>
</Content>
</cool:Tab>
<cool:Tab ID="tab14" runat="server" Title="Plant &amp;amp; Equipment" Closable="True">
<Content>
</Content>
</cool:Tab>
<cool:Tab ID="tab15" runat="server" Title="Markets" Closable="True">
<Content>
</Content>
</cool:Tab>
<cool:Tab ID="tab16" runat="server" Title="Agreement &amp;amp; Certification" Closable="True">
<Content>
</Content>
</cool:Tab>
<cool:Tab ID="tab17" runat="server" Title="Editorials" Closable="True">
<Content>
</Content>
</cool:Tab>
</Items>
</cool:TabPanel>

erw13n
Mar 09, 2008, 5:22 PM
It's show on FF, and not in IE

geoffrey.mcgill
Mar 13, 2008, 6:12 PM
Hi erw13n,

We're having a hard time reproducing the issue with the little grey images inside the nested TabPanel. What version of FF are you using and what is your Operating System (Win XP, Vista, etc)?

I was also getting strange results when closing the Tabs, until I noticed that you had the AutoDestroy="False" property set on the parent TabPanel. Setting the AutoDestroy property to false will cause the Container (TabPanel) to not automatically detroy any child elements. Not destroying the child elements may cause some child elements/containers to remain visible even after the Parent Container has been destroyed/closed.

Unless you are manually detroying elements or child Containers in a custom client-side Event, I don't think there is any reason to set AutoDestroy to "False".

We did make a few minor revisions to the TabPanel which should be released today with build 0.4.1. It's possible those revisions solved the "grey image" problem.

The Draggable property applies to the main TabPanel and not the individual Tabs. If Draggable, the TabPanel can be drag/dropped into another Container, although this functionality is not currently automatically handled with the Coolite controls.

Hope this helps.

erw13n
Mar 15, 2008, 4:53 PM
Hi geoffrey,

Thanks for your reply,
I'm using Firefox v2.0.0.12, and Win XP Profesional SP 2.


I also try to run it on IE, and found this error, while I'm trying to add another controls.
"internet explorer cannot open the internet site http://localhost/blablabla/Default.aspx. Operation Aborted"
and show a blank page.


I try to search it on google, it sound like the javascript problem.
But when I changes the DNN skins to DNN default skins, the problem is gone.
The difference between Default skins and Designed skin is on menu.
Default skin using DNN Menu and other using SolPartMenu.

I try to remove the SolPartMenu, and it work fine.

Can you find out what makes SolPartMenu cannot use with TabPanel.



many thanks

erwin