[CLOSED] Using TagLabel in User Control is not displayed

[Quico]

Hi.

Outside:



In:



This is the code:

<ext:FormPanel ID="FormPanel1" runat="server"
                Header="false"
                BodyPadding="0"
                Width="100"
                Height="25"
                Border="true">                
     <Items>
         <ext:FieldContainer ID="FieldContainer2" runat="server" Width="100" Layout="HBoxLayout" DefaultAnchor="100%" >
            <Items>
                <ext:TextField runat="server" ID="Horas" MaskRe="[0-9]" Width="20" SelectOnFocus="true"
                    FieldStyle="background: transparent none !important; border-top-width: 0px !important; border-bottom-width: 0px !important;border-left-width: 0px !important;border-right-width: 0px !important;"
                    AllowBlank="false" BlankText="La hora" MaxLength="2" MsgTarget="Qtip" Margins="0 0 0 0" />
                <ext:DisplayField ID="DisplayField1" runat="server" Text="<b>:</b>" Width="7" MarginSpec="0 0 0 0" 
                    FieldStyle="background: transparent none !important; border-top-width: 0px !important; border-bottom-width: 0px !important;border-left-width: 0px !important;border-right-width: 0px !important;" />
                <ext:TextField runat="server" ID="Minutos" MaskRe="[0-9]" Width="20" SelectOnFocus="true" 
                    FieldStyle="background: transparent none !important; border-top-width: 0px !important; border-bottom-width: 0px !important;border-left-width: 0px !important;border-right-width: 0px !important;"
                    AllowBlank="false" BlankText="La hora" MaxLength="2" MsgTarget="Qtip" Margins="0 0 0 0" />
                <ext:DisplayField ID="dfPuntoPM" runat="server" Text="<b>:</b>" Width="7" MarginSpec="0 0 0 0" 
                    FieldStyle="background: transparent none !important; border-top-width: 0px !important; border-bottom-width: 0px !important;border-left-width: 0px !important;border-right-width: 0px !important;" />
                <ext:TextField runat="server" ID="Segundos" MaskRe="[0-9]" Width="20" SelectOnFocus="true" Hidden="false"
                    FieldStyle="background: transparent none !important; border-top-width: 0px !important; border-bottom-width: 0px !important;border-left-width: 0px !important;border-right-width: 0px !important;"
                    AllowBlank="false" BlankText="La hora" MaxLength="2" MsgTarget="Qtip" Margins="0 0 0 0" />               
                              
                 <ext:Button ID="Button1" runat="server" Width="20" Height="25" >                    
                     <Menu>
                          <ext:Menu ID="Menu1" runat="server" ShowSeparator="false" Cls="transparent-menu" >
                             <Items>                                 
                                 <ext:FormPanel 
                                        ID="InfoTabPrincipal" 
                                        runat="server"
                                        Width="325"
                                        Layout="FitLayout" Height="120"
                                        Frame="true">
                                     <Items>
                                         <ext:Container ID="Container5" runat="server" Layout="HBoxLayout" Width="320">
                                             <Items>
                                                 <ext:Button ID="Button2" runat="server" Text="Horas" Height="30" Width="195" UI="Primary" />
                                                 <ext:Button ID="Button3" runat="server" Text="Minutos" Height="30" Width="85" MarginSpec="0 0 0 5" UI="Info" />
                                             </Items>
                                         </ext:Container>

                                         <ext:Container ID="Container1" runat="server" Layout="HBoxLayout" Width="320">
                                             <Items>
                                                 <ext:Container ID="Container3" runat="server" Layout="VBoxLayout" Width="20">
                                                     <Items>
                                                         <ext:DisplayField ID="DisplayField2" runat="server" Text="AM" MarginSpec="10 0 0 0" />
                                                         <ext:DisplayField ID="DisplayField3" runat="server" Text="PM" MarginSpec="20 0 0 0" />
                                                     </Items>
                                                 </ext:Container>
                                                 <ext:Container ID="Container2" runat="server" Layout="ColumnLayout" Width="180">
                                                     <Items>
                                                         <ext:TagLabel ID="TagLabel2" runat="server" SelectionMode="Single" TrackOver="true">
                                                             <Tags>
                                                                 <ext:Tag Text="00" />
                                                                 <ext:Tag Text="01" />
                                                                 <ext:Tag Text="02" />
                                                                 <ext:Tag Text="03" />
                                                                 <ext:Tag Text="04" />
                                                                 <ext:Tag Text="05" />
                                                                 <ext:Tag Text="06" />
                                                                 <ext:Tag Text="07" />
                                                                 <ext:Tag Text="08" />
                                                                 <ext:Tag Text="09" />
                                                                 <ext:Tag Text="10" />
                                                                 <ext:Tag Text="11" />
                                                                 <ext:Tag Text="12" />
                                                                 <ext:Tag Text="13" QTitle="Es la 1" />
                                                                 <ext:Tag Text="14" QTitle="Es la 2" />
                                                                 <ext:Tag Text="15" QTitle="Es la 3" />
                                                                 <ext:Tag Text="16" QTitle="Es la 4" />
                                                                 <ext:Tag Text="17" QTitle="Es la 5" />
                                                                 <ext:Tag Text="18" QTitle="Es la 6" />
                                                                 <ext:Tag Text="19" QTitle="Es la 7" />
                                                                 <ext:Tag Text="20" QTitle="Es la 8" />
                                                                 <ext:Tag Text="21" QTitle="Es la 9" />
                                                                 <ext:Tag Text="22" QTitle="Es la 10" />
                                                                 <ext:Tag Text="23" QTitle="Es la 11" Closable="false" />
                                                             </Tags>
                                                         </ext:TagLabel>

                                                         <ext:Button ID="Button4"
                                                             runat="server"
                                                             Text="Show selected tags"
                                                             Handler="alert(Ext.Array.pluck(this.prev().getSelected(), 'text').join(','));" />
                                                     </Items>
                                                 </ext:Container>
                                                 <ext:Container ID="Container4" runat="server" Layout="ColumnLayout" Width="100">
                                                     <Items>
                                                         <ext:TagLabel ID="TagLabel1" runat="server" SelectionMode="Single" TrackOver="true">
                                                             <Tags>
                                                                 <ext:Tag Text="00" />
                                                                 <ext:Tag Text="05" />
                                                                 <ext:Tag Text="10" />
                                                                 <ext:Tag Text="15" />
                                                                 <ext:Tag Text="20" />
                                                                 <ext:Tag Text="25" />
                                                                 <ext:Tag Text="30" />
                                                                 <ext:Tag Text="35" />
                                                                 <ext:Tag Text="40" />
                                                                 <ext:Tag Text="45" />
                                                                 <ext:Tag Text="50" />
                                                                 <ext:Tag Text="55" Closable="false" />
                                                             </Tags>
                                                         </ext:TagLabel>
                                                     </Items>
                                                 </ext:Container>
                                             </Items>
                                         </ext:Container>
                                     </Items>
                                 </ext:FormPanel>
                             </Items>
                         </ext:Menu>
                     </Menu>                  
                </ext:Button>
            </Items>
        </ext:FieldContainer>
    </Items>
</ext:FormPanel>

Thank you.

[Daniil]

Hi @Quico,

Your code produces the first image ("outisde" one) for me in both the cases, either I put the code directly on a page or to a user control.

So, the first thing I need to understand how it works for you without a user control.

Please specify Ext.NET and browser versions that you are using.

[Quico]

Hi @Daniil

It really does not work.

I put the code in the page and it worked well was.

The browser IE9 and Chrome.

Thank you.

[Quico]

I solved it by removing the FormPanel.



Thank you.