Jan 31, 2019, 9:06 AM
The constructor is not visible chrome browser.
Hi,
We are created DateTimeControl using EXT DateField, TimePicker Controls It is showing differently on browser, When screen sizes more than 100% the control is not showing google chrome browser. Other browsers ( Mozilla ,Edge, Internet Explorer) control is visible.
Output in chrome, When Screen Size 100%
Output in chrome, When Screen Size 125%
Code below
We are created DateTimeControl using EXT DateField, TimePicker Controls It is showing differently on browser, When screen sizes more than 100% the control is not showing google chrome browser. Other browsers ( Mozilla ,Edge, Internet Explorer) control is visible.
Output in chrome, When Screen Size 100%
Output in chrome, When Screen Size 125%
Code below
<%@ Register TagPrefix="alc" Namespace="ExtTest1" Assembly="ExtTest1" %>
<html>
<head runat="server">
<title></title>
</head>
<body>
<form runat="server">
<ext:ResourceManager ID="ResourceManager1" runat="server" Theme="Gray" />
<ext:Panel runat="server" Frame="True" Width="250" MinHeight="100" MarginSpec="5 0 5 5">
<LayoutConfig>
<ext:VBoxLayoutConfig Align="Stretch" />
</LayoutConfig>
<Items>
<alc:DateTimeControl runat="server" ItemID="dtpTest1" MinHeight="45" FieldLabel="Received Date" LabelAlign="Top" />
<ext:Panel runat="server" Frame="True" MarginSpec="5 0 5 5" Width="250" MinHeight="100">
<LayoutConfig>
<ext:VBoxLayoutConfig Align="Stretch" />
</LayoutConfig>
<Items>
<alc:DateTimeControl runat="server" ItemID="dtpTest2" MinHeight="45" FieldLabel="Received Date" LabelAlign="Top" />
</Items>
</ext:Panel>
</Items>
</ext:Panel>
</form>
</body>
</html>
--DateTimeControlpublic class DateTimeControl : FieldContainer
{
private DateField _dateField = new DateField
{
ItemID = "DataField",
Format = "yyyy-MM-dd",
SubmitFormat = "yyyy-MM-dd",
Flex = 1
};
private TimePickerControl _timeField = new TimePickerControl()
{
ItemID = "TimeField",
MarginSpec = "0 0 0 3",
Width = 80
};
protected override void OnInit(EventArgs e)
{
Items.Add(_dateField);
Items.Add(_timeField);
LayoutConfig.Add(new HBoxLayoutConfig
{
Align = HBoxAlign.Stretch
});
MaxHeight = 21;
base.OnInit(e);
}
}
--TimePickerControlpublic class TimePickerControl : Container
{
private TextField _timeField;
private ComboBox _timeZoneField;
protected override void OnInit(EventArgs e)
{
_timeField = new TextField()
{
MarginSpec = "0 2 0 0",
Width = 38
};
_timeZoneField = new ComboBox
{
Editable = false,
Width = 40,
ForceSelection = true,
ItemID = "TimeZoneField",
};
var listItem = new ListItem("AM", "AM") { };
_timeZoneField.Items.Add(listItem);
_timeZoneField.Items.Add(new ListItem("PM", "PM"));
if (Page.IsPostBack == false)
_timeZoneField.SelectedItems.Add(listItem);
Layout = "column";
Items.Add(_timeField);
Items.Add(_timeZoneField);
base.OnInit(e);
}
}
Last edited by shimith; Feb 01, 2019 at 11:31 AM.
Reason: simplified code