Trigger Field Icon

  1. #1

    Trigger Field Icon

    Hi,

    I doubt about the "TriggerField" control. If I specify the property "icon" as "empty", "elipsis" of "combo", the icon is the same (v). Is it a bug?


    Thank you.
  2. #2

    RE: Trigger Field Icon

    Hi,

    Can you show full code how you work with TriggerField?
    I made some tests and it works well.


    (v) icon is can be visible if you try to set incorrect css style




    Vladimir Shcheglov
    Sr. Developer
  3. #3

    RE: Trigger Field Icon

    Hello, Vladsch,

    I'm using this css style:

    <link rel="stylesheet" href="../../extjs/resources/css/xtheme-slate.css" />
    And the triggerfield code is it:

    <ext:TriggerField ID="tggClientCard" Width="120" runat="server" ReadOnly="true" >
        <Triggers>
            <ext:FieldTrigger Icon="Empty" Qtip="<%$ Resources: tggClientCardQtip %>" />
         </Triggers>
    
        <AjaxEvents>
            <TriggerClick OnEvent="OntggClientCardClick">
               <EventMask ShowMask="true" Msg="Cargando..." />
            </TriggerClick>
        </AjaxEvents>
    
    </ext:TriggerField>
    Is it wrong?
    Last edited by geoffrey.mcgill; Jan 05, 2015 at 10:12 PM. Reason: Please use [CODE] tags
  4. #4

    RE: Trigger Field Icon

    Do you manually attach resources or ScriptManager?
    Last edited by geoffrey.mcgill; Jan 05, 2015 at 10:13 PM.
    Vladimir Shcheglov
    Sr. Developer
  5. #5

    RE: Trigger Field Icon

    It's the full code:

     <%@ Page Language="C#" %>
    <%@ Register Assembly="Coolite.Ext.Web" Namespace="Coolite.Ext.Web" TagPrefix="ext" %>
    <%@ Import Namespace="Coolite.Utilities" %>
    <html>
    <head id="Head1" runat="server">
        <title>Ext.NET Example</title>
        <!-- Styles-->
        <link rel="stylesheet" href="../../extjs/resources/css/xtheme-slate.css" />
        <style type="text/css">
            .x-form-group .x-form-group-header-text {
        background-color: Transparent;
        font-weight: bold;
            }
    
        .x-label-text {
        font-size: 12px;
        font-family:"Myriad Pro","Myriad Web","Tahoma","Helvetica","Arial","sans-serif";
        margin-left:30px;
        }
    
        .x-checkbox {
        font-size: 12px;
        font-family:"Myriad Pro","Myriad Web","Tahoma","Helvetica","Arial","sans-serif";
        }
    
        .x-textarea {
        margin-left:30px;
        }
    
        .x-link A:link {
        font-size: 12px;
        font-family:"Myriad Pro","Myriad Web","Tahoma","Helvetica","Arial","sans-serif";
        text-decoration: none
        }
    
        .x-link A:visited {
        font-size: 12px;
        font-family:"Myriad Pro","Myriad Web","Tahoma","Helvetica","Arial","sans-serif";
        text-decoration: none
        }
    
        .x-link A:active {
        font-size: 12px;
        font-family:"Myriad Pro","Myriad Web","Tahoma","Helvetica","Arial","sans-serif";
        text-decoration: none
        }
    
        .x-link A:hover {
        font-size: 12px;
        font-family:"Myriad Pro","Myriad Web","Tahoma","Helvetica","Arial","sans-serif";
        text-decoration: underline; 
        }
    
        .x-panel-backgroud1 {
        background-color: #F5F5F5;
        }
    
        .x-label-text_obligatory {
                font-size: 12px;
                font-family:"Myriad Pro","Myriad Web","Tahoma","Helvetica","Arial","sans-serif";
                margin-left:30px;
                color: Red;
        }
        </style>
    </head>
    <body>
        <form id="formReservation" runat="server">
        <ext:ScriptManager ID="ScriptManager1" runat="server" StateProvider="None" />
        <!-- Stores-->
    
        <!-- Content--> 
        <ext:ViewPort ID="ViewPort1" runat="server" >
            <Body>
                <ext:BorderLayout ID="BorderLayout1" runat="server" >
                    <North MarginsSummary="5 5 5 5" Collapsible="false" CollapseMode="Default" />
                    <Center MarginsSummary="0 5 0 5" AutoHide="true">
                    <ext:Panel ID="PaneGeneral" runat="server" Frame="true" AutoScroll="true">
                    <Body>
                    <!-- ... tables, panels, triggers, etc. -->
                    </Body>
                                        </ext:Panel>
                    </Center>
                </ext:BorderLayout>
                    </Body>
             </ext:ViewPort>
        </form>
    </body>
    </html>
    I think there's nothing unusual about that
    Last edited by geoffrey.mcgill; Jan 05, 2015 at 10:18 PM. Reason: Please use [CODE] tags
  6. #6

    RE: Trigger Field Icon

    Hi,

    your example works fine.
    Here is my test case:
    <%@ Page Language="C#" %>
    
    <%@ Register Assembly="Coolite.Ext.Web" Namespace="Coolite.Ext.Web" TagPrefix="ext" %>
    <%@ Import Namespace="Coolite.Utilities" %>
    <html>
    <head id="Head1" runat="server">
        <title></title>
        <style type="text/css">
            .x-form-group .x-form-group-header-text
            {
                background-color: Transparent;
                font-weight: bold;
            }
            .x-label-text
            {
                font-size: 12px;
                font-family: "Myriad Pro" , "Myriad Web" , "Tahoma" , "Helvetica" , "Arial" , "sans-serif";
                margin-left: 30px;
            }
            .x-checkbox
            {
                font-size: 12px;
                font-family: "Myriad Pro" , "Myriad Web" , "Tahoma" , "Helvetica" , "Arial" , "sans-serif";
            }
            .x-textarea
            {
                margin-left: 30px;
            }
            .x-link A:link
            {
                font-size: 12px;
                font-family: "Myriad Pro" , "Myriad Web" , "Tahoma" , "Helvetica" , "Arial" , "sans-serif";
                text-decoration: none;
            }
            .x-link A:visited
            {
                font-size: 12px;
                font-family: "Myriad Pro" , "Myriad Web" , "Tahoma" , "Helvetica" , "Arial" , "sans-serif";
                text-decoration: none;
            }
            .x-link A:active
            {
                font-size: 12px;
                font-family: "Myriad Pro" , "Myriad Web" , "Tahoma" , "Helvetica" , "Arial" , "sans-serif";
                text-decoration: none;
            }
            .x-link A:hover
            {
                font-size: 12px;
                font-family: "Myriad Pro" , "Myriad Web" , "Tahoma" , "Helvetica" , "Arial" , "sans-serif";
                text-decoration: underline;
            }
            .x-panel-backgroud1
            {
                background-color: #F5F5F5;
            }
            .x-label-text_obligatory
            {
                font-size: 12px;
                font-family: "Myriad Pro" , "Myriad Web" , "Tahoma" , "Helvetica" , "Arial" , "sans-serif";
                margin-left: 30px;
                color: Red;
            }
        </style>
    
    
    </head>
    <body>
        <form id="formReservation" runat="server">
        <ext:ScriptManager ID="ScriptManager1" runat="server" StateProvider="None"  Theme="Slate"/>
        <!-- Stores-->
        <!-- Content-->
        <ext:ViewPort ID="ViewPort1" runat="server">
            <Body>
                <ext:BorderLayout ID="BorderLayout1" runat="server">
                    <North MarginsSummary="5 5 5 5" Collapsible="false" CollapseMode="Default" />
                    <Center MarginsSummary="0 5 0 5" AutoHide="true">
                        <ext:Panel ID="PaneGeneral" runat="server" Frame="true" AutoScroll="true">
                            <Body>
                                <!-- ... tables, panels, triggers, etc. -->
                                <ext:TriggerField runat="server">
                                    <Triggers>
                                        <ext:FieldTrigger Icon="Ellipsis" />
                                        <ext:FieldTrigger Icon="Empty" />
                                    </Triggers>
                                </ext:TriggerField>
                                
                            </Body>
                        </ext:Panel>
                    </Center>
                </ext:BorderLayout>
            </Body>
        </ext:ViewPort>
        </form>
    </body>
    </html>
    Vladimir Shcheglov
    Sr. Developer
  7. #7

    RE: Trigger Field Icon

    I continue with the same problem, but thank you for your time, Vladsch :)

    The strange is that this happend me in two proyects. I will keep researching.


    Best wishes
  8. #8

    RE: Trigger Field Icon



    If I quit the style css I can see it correcty. Perhaps we have distinct css page. I dont know... :S

    I had deleted this line:
    <link rel="stylesheet" href="../../extjs/resources/css/xtheme-slate.css" />
    and I had modified the scriptmanager adding the "theme":
    <ext:ScriptManager ID="ScriptManager1" runat="server" StateProvider="None" Theme="Slate" />

    And now its right :)

    Best wishes




Similar Threads

  1. [CLOSED] trigger icon in tab
    By rnachman in forum 1.x Premium Help
    Replies: 1
    Last Post: Nov 22, 2011, 8:32 PM
  2. [CLOSED] [1.0] Trigger Field
    By alliedwallet.com in forum 1.x Premium Help
    Replies: 1
    Last Post: Nov 05, 2010, 4:04 AM
  3. Replies: 3
    Last Post: Jul 20, 2010, 8:48 PM
  4. [CLOSED] [1.0] Trigger field CSS
    By tdracz in forum 1.x Premium Help
    Replies: 2
    Last Post: May 06, 2010, 5:52 PM
  5. Trigger field disapears!
    By Kaido in forum Bugs
    Replies: 3
    Last Post: Jul 07, 2009, 8:33 AM

Posting Permissions