Questions on UI for ASP.NET AJAX Forum

110,792 questions

4 answers

199 views

inline style "width:100%" missing at header's rgMasterTable in IE

Hi,

I have a somewhat strange bug where some inline-css seems to be missing. This occurs in IE10 and IE11 and only when the site is hosted in IIS (IIS Express 8 works fine).

This is the generated html from IE11, site hosted in IIS:

<div class="rgHeaderWrapper">

<div class="rgHeaderDiv" id="Control1_SP_Grid1_Grid1_Grid_GridHeader" style="overflow: hidden; margin-right: 17px;">

<table class="rgMasterTable rgClipCells rgClipCells" id="Control1_SP_Grid1_Grid1_Grid_ctl00_Header" style="overflow: hidden; table-layout: fixed; -ms-text-overflow: ellipsis; empty-cells: show;" cellspacing="0">

And this is the generated html from IE1,1 site hosted in IIS Express:

<div class="rgHeaderWrapper">

<div class="rgHeaderDiv" id="Control1_SP_Grid1_Grid1_Grid_GridHeader" style="overflow: hidden; margin-right: 17px;">

<table class="rgMasterTable rgClipCells rgClipCells" id="Control1_SP_Grid1_Grid1_Grid_ctl00_Header" style="width: 100%; overflow: hidden; table-layout: fixed; empty-cells: show;">

As you can see, in the first case the width: 100% attribute is missing, but therefore there is an attribute "-ms-text-overflow". Because the width attribute is missing, the layout i screwed up. The software is absolute identical, the Telerik Version is Q3 2014. In both cases IE runs in edge mode.
If I try the same with Chrome, in both cases the width attribute is set correctly.

Could you tell me which logic in the RadGrid determines which attributes must be set?

Thanks!

Grid

answered on 11 Feb 2015

2 answers

172 views

Show ToolTip with a Custom Message Just once in Form Template Edit Form while insert or edit mode.

Hi all, using VS 2013 with UI for ASP.NET AJAX Q3 2014 SP1.

Below is my prototype.

http://demos.telerik.com/aspnet-ajax/grid/examples/data-editing/form-template-update/defaultcs.aspx

I would like to popup a ToolTip Message just once (i.e. "You are adding/Editing new Employee...") for 10 seconds when user's open the Edit form to Insert/Edit.

Thanks

ToolTip

answered on 10 Feb 2015

3 answers

151 views

Javascript RadAlert doesn't obey skin set in RadWindowManager

I have a RadAlert that I call with Javascript that I can't change the skin to. In my aspx page I have this Javascript called:

<script>
radalert('This is a test message.');
</script>

In the Master Page of the aspx page I have a RadWindowManager like this:

<telerik:RadWindowManager ID="RadWindowManager1" runat="server" Skin="WebBlue"/>

The radalert continues to use the "Default" skin and don't know why. How can I change it in this case?

Window

answered on 10 Feb 2015

9 answers

228 views

openRadWindow() doesn't work in IE10

Hi,

I have this problem with opening the window when clicking a link. The thing is that it works in every browser I tried (Firefox, Chrome, Safari), but in IE10 it doesn't open.
The behavior in IE10 it's like this:
1. clicking the link (which should trigger the popup)
2. nothing happens
3. clicking again on the link
4. the popup appears in the top-left corner but without any content and any functionality (it doesn't display any content and the close button is not working)

The code for opening it:

<script type="text/javascript">

function openRadWindow(id) {

var oWnd = radopen("../link/" + artid, "RadWindow1");

oWnd.center();

oWnd.show();

}

</script>

And for triggering the code above:

<a href="#" onclick="openRadWindow('<%idstuffgoeshere%>'); return false;">Open popup</a>

I tried to debug it with the IE(10)'s debugger and I get the following JavaScript errors:

SCRIPT5022: InvalidCharacterError

ScriptResource.axd, line 796 character 8

SCRIPT5007: Unable to get property 'documentElement' of undefined or null reference

ScriptResource.axd, line 128 character 2

SCRIPT5007: Unable to get property 'documentElement' of undefined or null reference

ScriptResource.axd, line 128 character 2

I haven't tried this on other IE versions, but I assume is not working on the earlier versions either.
Anybody knows a solution for this?

Window

answered on 10 Feb 2015

3 answers

125 views

[Solved] Get edited rows in a RadGrid

Hi, there!

I have a RadGrid (let's say RadGrid1) with EditMode="Batch". How can I get a DataTable with the modified rows?

Thanks!

Grid

answered on 10 Feb 2015

10 answers

337 views

Input fields not available after postback

Hi,

I have a strange issue. I'm using masterpages and contentplaceholders. I have a page where I have the RadAjaxManagerProxy with a LoadingPanel.
On the page there are several object, input field, dropdown, RadDatePicker, RadEditor, DataGrid, buttons,...
When I had a postback from for example pressing a button, I have a strange situation.
Let's say I push a button to add data from fields to the datagrid, after postback I select another value in a dropdownlist and then want to input data in the RadEditor. The RadEditor is not available at that moment, I cannot click in it with my cursor, also all the other input field are not available. Dropdowns, buttons, lists are available and can be changed but no input or Editor field.

Any Idea what the problem may be?

I cannot provide a link to the site because it is on our intranet.Also cannot copy the aspx file and master file because it is too hugh...

Kind regards

Suzy

Ajax

answered on 10 Feb 2015

13 answers

1.0K+ views

Radcombobox checkboxes selectedindexchanged not firing on the first item

Requirements
RadControls version
.NET version
Visual Studio version
programming language
browser support	all browsers supported by RadControls

PROJECT DESCRIPTION
[enter description here, together with step-by-step instructions on how to use the project]

I have a radcombobox with checkboxes set to True. When I select the first item only, the selectedindexchanged event isn't triggerred. Its only fired when i select on the second item. Does anyone know where the problem is?

<telerik:RadComboBox ID="RadComboBox1" runat="server" AutoPostBack="true" SelectionMode="Multiple" CheckBoxes="true">

<Items>

<telerik:RadComboBoxItem Text="abc1" Value="1" Selected="false"/>

<telerik:RadComboBoxItem Text="abc2" Value="2" Selected="false"/>

<telerik:RadComboBoxItem Text="abc3" Value="3" Selected="false"/>

</Items>

</telerik:RadComboBox>

ComboBox

answered on 10 Feb 2015

5 answers

80 views

Skin not showing correctly - IE 9

I'm seeing some weird display behavior using a ListView with a data pager on IE 9. I've already told the clients they need to upgrade their browsers but not all of them will :)

Anyway, I've attached a PNG of what I see (unfortunately not ALL the time). The IE 9 F12 dev tools are horrible so I can't tell from those if a style sheet isn't loading correctly or what.

This is a scenario where I have a RadWindow which contains a RadTabStrip. The tabs' content in the strip are dynamically loaded via ASCX controls.

I'm curious if others have seen this behavior with IE 9, and if they were able to eliminate it.

ASPX:

<telerik:radlistview id="lstViewEmployment" runat="server" datakeynames="Id" datasourceid="dsEmployments" allowpaging="True" allowcustompaging="True"

allownaturalsort="True" pagesize="1" skin="Windows7" onitemcreated="lstViewEmployment_ItemCreated" oniteminserted="lstViewEmployment_ItemInserted"

onitemupdated="lstViewEmployment_ItemUpdated" onitemcanceling="lstViewEmployment_ItemCanceling" onitemediting="lstViewEmployment_ItemEditing"

onitemdatabound="lstViewEmployment_ItemDataBound">

<LayoutTemplate>

<div class="RadListView RadListViewFloated RadListView_Windows7">

<div class="rlvFloated">

<div runat="server" id="itemPlaceholder"></div>

</div>

<telerik:RadDataPager runat="server" SEOPagingQueryPageKey="" Skin="Windows7" ID="RadDataPager1" PageSize="1" Width="900">

<Fields>

<telerik:RadDataPagerButtonField FieldType="FirstPrev" />

<telerik:RadDataPagerButtonField FieldType="NextLast" />

<telerik:RadDataPagerGoToPageField CurrentPageText="Employment Record" EnableSubmitButton="false" HorizontalPosition="RightFloat" />

</Fields>

</telerik:RadDataPager>

<div style="display: none">

<telerik:RadCalendar runat="server" ID="rlvSharedCalendar" Skin='<%#Container.Skin %>' RangeMinDate='<%#new DateTime(1900, 1, 1) %>' />

</div>

<div style="display: none">

<telerik:RadTimeView runat="server" ID="rlvSharedTimeView" Skin='<%# Container.Skin %>' />

</div>

</LayoutTemplate>

<ItemTemplate>

<div class="rlvI">

<telerik:RadButton ID="btnEdit" runat="server" Text="Edit" ToolTip="Edit" CommandName="Edit" CausesValidation="false"></telerik:RadButton>

<telerik:RadButton ID="btnDelete" runat="server" Text="Delete" ToolTip="Delete" CommandName="Delete" CausesValidation="false"></telerik:RadButton>

<div class="formLine">

<div class="formField66">

Name of Employer:

<asp:Label ID="lblEmployerName" runat="server" Text='<%# Eval("Name") %>'></asp:Label>

</div>

<div class="formLine">

<div class="formField66">

Employment Address:

<asp:Label ID="lblEmployerAddress" runat="server" Text='<%# Eval("Address") %>'></asp:Label>

</div>

<div class="formLine">

<div class="formField33">

City, State:

<asp:Label ID="lblCity" runat="server" Text='<%# Eval("City") %>'></asp:Label>,

<asp:Label ID="lblState" runat="server" Text='<%# Eval("State") %>'></asp:Label>

</div>

<div class="formField33">

County:

<asp:Label ID="lblCounty" runat="server" Text='<%# Eval("County") %>'></asp:Label>

</div>

<div class="formField33">

Zip:

<asp:Label ID="lblZip" runat="server" Text='<%# Eval("ZipCode") %>'></asp:Label>

</div>

<div class="formLine">

<div class="formField33">

Phone Number:

<asp:Label ID="lblPhone" runat="server" Text='<%# SorBll.Util.FormatPhoneNumber(Eval("Phone")) %>'></asp:Label>

</div>

<div class="formField66">

Employment Begin Date:

<asp:Label ID="lblStartDate" runat="server" Text='<%# SorBll.Util.FormatNullableDate(Eval("BeginDate")) %>'></asp:Label>

</div>

<div class="formLine">

<div class="formField66">

Occupation:

<asp:Label ID="lblOccupation" runat="server" Text='<%# Eval("Occupation") %>'></asp:Label>

</div>

</ItemTemplate>

<AlternatingItemTemplate>

<div class="rlvA">

<telerik:RadButton ID="btnEdit" runat="server" Text="Edit" ToolTip="Edit" CommandName="Edit" CausesValidation="false"></telerik:RadButton>

<telerik:RadButton ID="btnDelete" runat="server" Text="Delete" ToolTip="Delete" CommandName="Delete" CausesValidation="false"></telerik:RadButton>

<div class="formLine">

<div class="formField66">

Name of Employer:

<asp:Label ID="lblEmployerName" runat="server" Text='<%# Eval("Name") %>'></asp:Label>

</div>

<div class="formLine">

<div class="formField66">

Employment Address:

<asp:Label ID="lblEmployerAddress" runat="server" Text='<%# Eval("Address") %>'></asp:Label>

</div>

<div class="formLine">

<div class="formField33">

City, State:

<asp:Label ID="lblCity" runat="server" Text='<%# Eval("City") %>'></asp:Label>,

<asp:Label ID="lblState" runat="server" Text='<%# Eval("State") %>'></asp:Label>

</div>

<div class="formField33">

County:

<asp:Label ID="lblCounty" runat="server" Text='<%# Eval("County") %>'></asp:Label>

</div>

<div class="formField33">

Zip:

<asp:Label ID="lblZip" runat="server" Text='<%# Eval("ZipCode") %>'></asp:Label>

</div>

<div class="formLine">

<div class="formField33">

Phone Number:

<asp:Label ID="lblPhone" runat="server" Text='<%# SorBll.Util.FormatPhoneNumber(Eval("Phone")) %>'></asp:Label>

</div>

<div class="formField66">

Employment Begin Date:

<asp:Label ID="lblStartDate" runat="server" Text='<%# SorBll.Util.FormatNullableDate(Eval("BeginDate")) %>'></asp:Label>

</div>

<div class="formLine">

<div class="formField66">

Occupation:

<asp:Label ID="lblOccupation" runat="server" Text='<%# Eval("Occupation") %>'></asp:Label>

</div>

</AlternatingItemTemplate>

<EditItemTemplate>

<telerik:RadScriptBlock ID="RadScriptBlock1" runat="server">

<script type="text/javascript">

function CloseCityPopUpAndRefreshEmploymentEdit() {

var combo = $find("<%= lstViewEmployment.EditItems[0].FindControl("cboEmploymentCity").ClientID %>");

combo.requestItems("", false);

}

function onEmpCityClientFocus(sender, args) {

var box = $find("<%= lstViewEmployment.EditItems[0].FindControl("cboEmploymentCity").ClientID %>");

box.showDropDown();

}

</script>

</telerik:RadScriptBlock>

<div class="rlvIEdit">

<div class="formLine">

<div class="formField66">

Name of Employer:

<telerik:RadTextBox ID="txtEmployerName" runat="server" MaxLength="50" Width="400" Text='<%# Bind("Name") %>' TabIndex="1">

<ClientEvents OnBlur="ForceUpperCase" />

</telerik:RadTextBox>

</div>

<div class="formLine">

<div class="formField66">

Employment Address:

<telerik:RadTextBox ID="txtEmployerAddress" runat="server" MaxLength="50" Width="400" Text='<%# Bind("Address") %>' TabIndex="2">

<ClientEvents OnBlur="ForceUpperCase" />

</telerik:RadTextBox>

</div>

<div class="formLine">

<div class="formField33">

City, State:

<asp:LinkButton ID="lnkAddEmploymentCityEdit" runat="server" OnClick="lnkAddEmploymentCityEdit_Click">ADD CITY</asp:LinkButton>

|

<asp:LinkButton ID="lnkClearCity" runat="server" OnClick="lnkClearCity_Click">CLEAR CITY</asp:LinkButton>

<br />

<telerik:RadComboBox ID="cboEmploymentCity" runat="server" EmptyMessage="Type city ..." DataValueField="IDNumber" TabIndex="3" OnItemsRequested="cboEmploymentCity_ItemsRequested"

OnClientFocus="onEmpCityClientFocus" DataTextField="CITY" MarkFirstMatch="true" DropDownAutoWidth="Enabled" DataSourceID="dsCities" EnableLoadOnDemand="False">

<ItemTemplate>

<%# Eval("CITY") %>, <%# Eval("State") %>, <%# Eval("ZIPCODE1") %> <%# Eval("COUNTY") %>

</ItemTemplate>

</telerik:RadComboBox>

,

<telerik:RadTextBox ID="txtEmploymentState" runat="server" MaxLength="2" Width="45px" Enabled="false" Text='<%# Bind("State") %>'></telerik:RadTextBox>

</div>

<div class="formField33">

County:<br />

<telerik:RadTextBox ID="txtEmploymentCounty" runat="server" MaxLength="50" Enabled="false" Text='<%# Bind("County") %>'></telerik:RadTextBox>

</div>

<div class="formField33">

Zip:<br />

<telerik:RadMaskedTextBox ID="txtEmploymentZip" runat="server" Mask="#####" Enabled="false" Text='<%# Bind("ZipCode") %>'></telerik:RadMaskedTextBox>

</div>

<div class="formLine">

<div class="formField33">

Phone Number:<br />

<telerik:RadMaskedTextBox ID="txtEmploymentPhoneNumber" runat="server" Mask="(###) ###-####" Columns="15" Text='<%# Bind("Phone") %>' TabIndex="4"></telerik:RadMaskedTextBox>

</div>

<div class="formField66">

Employment Begin Date:

<telerik:RadDatePicker ID="txtEmploymentStartDate" runat="server" MinDate="1/1/1900" SelectedDate='<%# Bind("BeginDate") %>' TabIndex="5"></telerik:RadDatePicker>

</div>

<div class="formLine">

<div class="formField66">

Occupation:

<telerik:RadTextBox ID="txtEmploymentOccupation" runat="server" MaxLength="255" Width="400" Text='<%# Bind("Occupation") %>' TabIndex="6">

<ClientEvents OnBlur="ForceUpperCase" />

</telerik:RadTextBox>

</div>

<telerik:RadButton ID="btnUpdate" runat="server" Text="Update" ToolTip="Update" CommandName="Update"></telerik:RadButton>

<telerik:RadButton ID="btnCancel" runat="server" Text="Cancel" ToolTip="Cancel" CommandName="Cancel" CausesValidation="false"></telerik:RadButton>

</div>

</EditItemTemplate>

<InsertItemTemplate>

<telerik:RadScriptBlock ID="RadScriptBlock1" runat="server">

<script type="text/javascript">

function CloseCityPopUpAndRefreshEmploymentInsert() {

var combo = $find("<%= lstViewEmployment.InsertItem.FindControl("cboEmploymentCity").ClientID %>");

combo.requestItems("", false);

}

function onEmpCityClientFocus(sender, args) {

var box = $find("<%= lstViewEmployment.InsertItem.FindControl("cboEmploymentCity").ClientID %>");

box.showDropDown();

}

</script>

</telerik:RadScriptBlock>

<div class="rlvIEdit">

<div class="formLine">

<div class="formField66">

Name of Employer:

<telerik:RadTextBox ID="txtEmployerName" runat="server" MaxLength="50" Width="400" Text='<%# Bind("Name") %>' TabIndex="1">

<ClientEvents OnBlur="ForceUpperCase" />

</telerik:RadTextBox>

</div>

<div class="formLine">

<div class="formField66">

Employment Address:

<telerik:RadTextBox ID="txtEmployerAddress" runat="server" MaxLength="50" Width="400" Text='<%# Bind("Address") %>' TabIndex="2">

<ClientEvents OnBlur="ForceUpperCase" />

</telerik:RadTextBox>

</div>

<div class="formLine">

<div class="formField33">

City, State:

<asp:LinkButton ID="lnkAddEmploymentCityInsert" runat="server" OnClick="lnkAddEmploymentCityInsert_Click">ADD CITY</asp:LinkButton>

|

<asp:LinkButton ID="lnkClearCity" runat="server" OnClick="lnkClearCity_Click">CLEAR CITY</asp:LinkButton>

<br />

<telerik:RadComboBox ID="cboEmploymentCity" runat="server" EmptyMessage="Type city ..." DataSourceID="dsCities" DataValueField="IDNumber"

DataTextField="CITY" MarkFirstMatch="true" DropDownAutoWidth="Enabled" TabIndex="3" OnItemsRequested="cboEmploymentCity_ItemsRequested" OnClientFocus="onEmpCityClientFocus">

<ItemTemplate>

<%# Eval("CITY") %>, <%# Eval("State") %>, <%# Eval("ZIPCODE1") %> <%# Eval("COUNTY") %>

</ItemTemplate>

</telerik:RadComboBox>

,

<telerik:RadTextBox ID="txtEmploymentState" runat="server" MaxLength="2" Width="45px" Enabled="false" Text='<%# Bind("State") %>'></telerik:RadTextBox>

</div>

<div class="formField33">

County:<br />

<telerik:RadTextBox ID="txtEmploymentCounty" runat="server" MaxLength="50" Enabled="false" Text='<%# Bind("County") %>'></telerik:RadTextBox>

</div>

<div class="formField33">

Zip:<br />

<telerik:RadMaskedTextBox ID="txtEmploymentZip" runat="server" Mask="#####" Enabled="false" Text='<%# Bind("ZipCode") %>'></telerik:RadMaskedTextBox>

</div>

<div class="formLine">

<div class="formField33">

Phone Number:<br />

<telerik:RadMaskedTextBox ID="txtEmploymentPhoneNumber" runat="server" Mask="(###) ###-####" Columns="15" Text='<%# Bind("Phone") %>' TabIndex="4"></telerik:RadMaskedTextBox>

</div>

<div class="formField66">

Employment Begin Date:

<telerik:RadDatePicker ID="txtEmploymentStartDate" runat="server" MinDate="1/1/1900" SelectedDate='<%# Bind("BeginDate") %>' TabIndex="5"></telerik:RadDatePicker>

</div>

<div class="formLine">

<div class="formField66">

Occupation:

<telerik:RadTextBox ID="txtEmploymentOccupation" runat="server" MaxLength="255" Width="400" Text='<%# Bind("Occupation") %>' TabIndex="6">

<ClientEvents OnBlur="ForceUpperCase" />

</telerik:RadTextBox>

</div>

<telerik:RadButton ID="btnInsert" runat="server" Text="Add Employment Record" ToolTip="Add" CommandName="PerformInsert"></telerik:RadButton>

<telerik:RadButton ID="btnCancel" runat="server" Text="Cancel" ToolTip="Cancel" CommandName="Cancel" CausesValidation="false"></telerik:RadButton>

</div>

</InsertItemTemplate>

<EmptyDataTemplate>

<div class="RadListView RadListView_Windows7">

<div class="rlvEmpty">There are no items to be displayed.</div>

</div>

</EmptyDataTemplate>

</telerik:radlistview>

Datasource:

<asp:LinqDataSource runat="server" EntityTypeName="" ID="dsEmployments" ContextTypeName="SorDal.Sor2PendingDbDataContext"

EnableDelete="True" EnableInsert="True" EnableUpdate="True" OrderBy="Id" TableName="PendingOffenderEmployers" Where="OffenderId == @OffenderId"

OnInserting="dsEmployments_Inserting" OnUpdating="dsEmployments_Updating">

<WhereParameters>

<asp:SessionParameter SessionField="CurrentPendingOffenderId" Name="OffenderId" Type="Int32"></asp:SessionParameter>

</WhereParameters>

<InsertParameters>

<asp:SessionParameter SessionField="CurrentPendingOffenderId" Name="OffenderId" Type="Int32"></asp:SessionParameter>

</InsertParameters>

</asp:LinqDataSource>

C#:

protected void lstViewEmployment_ItemCreated(object sender, RadListViewItemEventArgs e)

{

RadComboBox cbo = e.Item.FindControl("cboEmploymentCity") as RadComboBox;

if (cbo != null)

{

cbo.AutoPostBack = true;

cbo.SelectedIndexChanged += cboEmploymentCity_SelectedIndexChanged;

}

protected void lstViewEmployment_ItemInserted(object sender, RadListViewInsertedEventArgs e)

{

btnAddEmploymentRecord.Enabled = true;

}

protected void lstViewEmployment_ItemUpdated(object sender, RadListViewUpdatedEventArgs e)

{

btnAddEmploymentRecord.Enabled = true;

}

protected void lstViewEmployment_ItemCanceling(object sender, RadListViewCommandEventArgs e)

{

btnAddEmploymentRecord.Enabled = true;

}

protected void lstViewEmployment_ItemEditing(object sender, RadListViewCommandEventArgs e)

{

btnAddEmploymentRecord.Enabled = false;

}

protected void lstViewEmployment_ItemDataBound(object sender, RadListViewItemEventArgs e)

{

if (e.Item is RadListViewEditableItem)

{

RadListViewEditableItem item = e.Item as RadListViewEditableItem;

RadComboBox cboEmploymentCity = item.FindControl("cboEmploymentCity") as RadComboBox;

PendingOffenderEmployer emp = item.DataItem as PendingOffenderEmployer;

cboEmploymentCity.Text = emp.City;

}

protected void lstViewEmployment_PageIndexChanged(object sender, RadListViewPageChangedEventArgs e)

{

DisableUtilityWindows();

}

ListView

answered on 10 Feb 2015

3 answers

199 views

[Solved] Is it possible to rename Filter Menu Item by Column Type?

Hello All,
I need to rename the existing filter menu options (EqualTo, Contains, IsNull etc), by column data types. Is there an option to that in telerik?

Please let me know, thanks!

Filter

answered on 10 Feb 2015

1 answer

117 views

Scheduler Time Line View

Hello,

I'm creating a web application for a reservation system where i'm using the RadScheduler control in my page for managing all the reservations where the advanced form is being used to handle the insert and edit functionality.

Upon client request, I implemented the TimeLine view with resources being displayed at the left side of the control. Here a serious problem showed up where I was unable to create a new reservation in the timeline view by dragging the mouse over the time slots for selecting a specified period of time to be bind to the advanced form. When a double click is done the advanced form is called and the time shown in it is the duration of the slot (15 minutes).

I need to know how to implement this functionality in the time line view (time slot selection before insert like in Day view).

Thanks in advance.
Regards.

Scheduler

answered on 10 Feb 2015

Top users last month