[CLOSED] Using TagLabel in User Control is not displayed

  1. #1

    [CLOSED] Using TagLabel in User Control is not displayed

    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.
    Attached Thumbnails Control fuera.PNG   Control Dentro.PNG  
    Last edited by Daniil; Aug 14, 2014 at 3:20 PM. Reason: [CLOSED]
  2. #2
    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.
  3. #3
    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.
  4. #4
    I solved it by removing the FormPanel.

    Click image for larger version. 

Name:	Control Resuelto.PNG 
Views:	6 
Size:	11.7 KB 
ID:	14241

    Thank you.

Similar Threads

  1. Replies: 0
    Last Post: Sep 06, 2013, 2:31 PM
  2. Replies: 2
    Last Post: May 09, 2013, 3:41 PM
  3. Replies: 4
    Last Post: Aug 29, 2012, 2:47 PM
  4. Replies: 2
    Last Post: Feb 06, 2012, 9:06 AM
  5. how to upload user control dynamicaly on user control
    By archana mahadule in forum 1.x Help
    Replies: 1
    Last Post: Jan 13, 2011, 12:05 PM

Posting Permissions