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.
Printable View
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.
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
Hello, Vladsch,
I'm using this css style:
And the triggerfield code is it:Code:<link rel="stylesheet" href="../../extjs/resources/css/xtheme-slate.css" />
Is it wrong?Code:<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>
Do you manually attach resources or ScriptManager?
It's the full code:
I think there's nothing unusual about thatCode:<%@ 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>
Hi,
your example works fine.
Here is my test case:
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></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>
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
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:
and I had modified the scriptmanager adding the "theme":Code:<link rel="stylesheet" href="../../extjs/resources/css/xtheme-slate.css" />
Code:<ext:ScriptManager ID="ScriptManager1" runat="server" StateProvider="None" Theme="Slate" />
And now its right :)
Best wishes