[FIXED] Tab had a little icon when open on FF

  1. #1

    [FIXED] Tab had a little icon when open on FF

    Hi all,

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

    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.
  2. #2

    RE: [FIXED] Tab had a little icon when open on FF

    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?
    Geoffrey McGill
    Founder & CEO
  3. #3

    RE: [FIXED] Tab had a little icon when open on FF

    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>
  4. #4

    RE: [FIXED] Tab had a little icon when open on FF

    It's show on FF, and not in IE
  5. #5

    RE: [FIXED] Tab had a little icon when open on FF



    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.
    Geoffrey McGill
    Founder & CEO
  6. #6

    RE: [FIXED] Tab had a little icon when open on FF

    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

Similar Threads

  1. [FIXED] [1.4] [2.0] Icon Name Rendering
    By burakkanmaz in forum Bugs
    Replies: 5
    Last Post: Mar 06, 2012, 7:54 AM
  2. Replies: 1
    Last Post: Feb 16, 2010, 5:16 PM
  3. Replies: 5
    Last Post: Jun 16, 2009, 2:27 PM
  4. Replies: 3
    Last Post: Jun 24, 2008, 1:32 AM
  5. Replies: 24
    Last Post: May 23, 2008, 1:50 PM

Posting Permissions