Questions on UI for ASP.NET AJAX Forum

6 answers

208 views

We have a button in our application that is having issues in chrome only. It works fine in Firefox. Sometimes you click on the button to save the information on the screen and it changes to the 'saving...' state but never postsback to the server. It is consistently happening in Chrome but consistently working fine in Firefox. Any ideas of things to check?

Button

answered on 05 Jun 2015

1 answer

132 views

Skins not working in RadGrids

My skins had worked what seemed like forever. Then one day I opened my project and none work. Here are the console errors I am getting. Please advise. I have included screenshots

Grid

answered on 04 Jun 2015

2 answers

248 views

Chart is causing page layout problem in RTL site

Hi,
We have built a reporting portal with bilingual support (Arabic & English) using kendoui DataViz charts.Everything works fine on chrome in both English & Arabic sites until we tested recently the Arabic site in IE to find that the charts are causing the page width to be bigger 3 times (see attached screenshot).This is happening with both RadHtmlChart and kendoui DataViz charts.My understanding is that there is a big similarities between RadHtmlChart and kendoui charts and that's why I am posting in this forum (I can not post in Kendo UI forums though I have purchased all the 3 kendoui packages), and hoping to get this fixed.

Below is the code for both RadHtmlChart & kendoui chart.I have added dir="ltr" to the charts since RTL support in charts is not working at all.All I want now is to have my layout render properly within the RTL site (RTL html body).

RadHtmlChart example:

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

<title></title>

</head>

<body dir="rtl">

<form id="form1" runat="server">

<asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager>

<div>

<telerik:RadHtmlChart runat="server" ID="LineChart" Width="800" Height="500" Transitions="true" dir="ltr">

<PlotArea >

<Series>

<telerik:LineSeries Name="" MissingValues="Interpolate">

<Appearance>

<FillStyle BackgroundColor="Blue" />

</Appearance>

<LabelsAppearance DataFormatString="{0}%" Position="Above" />

<MarkersAppearance MarkersType="Square" BackgroundColor="Blue" />

<Items>

<telerik:SeriesItem YValue="15" />

<telerik:SeriesItem YValue="23" />

<telerik:SeriesItem />

<telerik:SeriesItem YValue="71" />

<telerik:SeriesItem YValue="93" />

<telerik:SeriesItem YValue="43" />

<telerik:SeriesItem YValue="23" />

</Items>

</telerik:LineSeries>

<telerik:LineSeries Name="" MissingValues="Gap">

<Appearance>

<FillStyle BackgroundColor="Red" />

</Appearance>

<LabelsAppearance DataFormatString="{0}%" Position="Above" />

<MarkersAppearance MarkersType="Square" BackgroundColor="Red" />

<Items>

<telerik:SeriesItem YValue="35" />

<telerik:SeriesItem YValue="42" />

<telerik:SeriesItem YValue="18" />

<telerik:SeriesItem YValue="39" />

<telerik:SeriesItem YValue="64" />

<telerik:SeriesItem YValue="10" />

<telerik:SeriesItem YValue="6" />

</Items>

</telerik:LineSeries>

</Series>

<XAxis MajorTickType="Outside" MinorTickType="Outside">

<Items>

<telerik:AxisItem LabelText="Monday" />

<telerik:AxisItem LabelText="Tuesday" />

<telerik:AxisItem LabelText="Wednesday" />

<telerik:AxisItem LabelText="Thursday" />

<telerik:AxisItem LabelText="Friday" />

<telerik:AxisItem LabelText="Saturday" />

<telerik:AxisItem LabelText="Sunday" />

</Items>

<MajorGridLines Color="#EFEFEF" Width="1" />

<MinorGridLines Color="#F7F7F7" Width="1" />

<TitleAppearance Position="Center" RotationAngle="0" Text="Days" />

</XAxis>

<YAxis MajorTickSize="1" MajorTickType="Outside" MaxValue="100" MinorTickSize="1"

MinorTickType="Outside" MinValue="0">

<LabelsAppearance DataFormatString="{0}%" RotationAngle="0" />

<MajorGridLines Color="#EFEFEF" Width="1" />

<MinorGridLines Color="#F7F7F7" Width="1" />

<TitleAppearance Position="Center" RotationAngle="0" Text="CPU Load" />

</YAxis>

</PlotArea>

<ChartTitle Text="Server CPU Load By Days">

</ChartTitle>

<Legend>

<Appearance Position="Bottom" />

</Legend>

</telerik:RadHtmlChart>

</div>

</form>

</body>

</html>

Kendou UI chart example:

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server" id="PageHead">

<title></title>

<link href='<%#ResolveUrl("~/styles/kendo.common.min.css")%>' rel="stylesheet" type="text/css" />

<link href='<%#ResolveUrl("~/styles/kendo.default.min.css")%>' rel="stylesheet" type="text/css" />

<script lang="javascript" src='<%#ResolveUrl("~/js/jquery.min.js")%>' type="text/javascript"></script>

<script lang="javascript" src='<%#ResolveUrl("~/js/kendo.web.min.js")%>' type="text/javascript"></script>

<link href='<%#ResolveUrl("~/styles/kendo.dataviz.min.css")%>' rel="stylesheet" type="text/css" />

<link href='<%#ResolveUrl("~/styles/kendo.rtl.min.css")%>' rel="stylesheet" type="text/css" />

<script lang="javascript" src='<%#ResolveUrl("~/js/kendo.dataviz.min.js")%>' type="text/javascript"></script>

<script lang="javascript" src='<%#ResolveUrl("~/js/cultures/kendo.culture.ar-AE.min.js")%>' type="text/javascript"></script>

</head>

<body dir="rtl" >

<form id="form1" runat="server" >

<telerik:RadScriptManager ID="RadScriptManager1" runat="server">

<Scripts>

</Scripts>

</telerik:RadScriptManager>

<div class="LineChart-wrapper" >

<div>

<div id="LineChart" style="" dir="ltr" ></div>

<input id="LineChart-Series0" value="Violations" type="hidden">

<input id="LineChart-values0" value="15,20,35" type="hidden">

<input id="LineChart-Categories" value="Jul,Aug,Setp" type="hidden">

</div>

<style scoped="">

.LineChart-wrapper {

margin: 0 0 0 0px;

padding: 0px;

}

.LineChart-wrapper .k-chart {

height: 199px;

padding: 0px;

margin: 0 0 0 0px;

width: 222px;

}

</style>

</div>

<script>

function createLineChart() {

//alert($("#LineChart"));

$("#LineChart").kendoChart({

theme: $(document).data("kendoSkin") || "default",

title: {

text: ""

},

legend: {

position: "bottom"

},

chartArea: {

background: ""

},

seriesDefaults: {

type: "line",

labels: {

visible: true,

position: "center",

font: "8px Arial,Helvetica,sans-serif",

format: "{0}"

}

},

series: [{

name: $("#LineChart-Series0").val(), data: $("#LineChart-values0").val().split(",")

}],

valueAxis: {

labels: {

format: "{0}"

}

},

categoryAxis: {

categories: $("#LineChart-Categories").val().split(","),

labels: { rotation: 90 },

minorGridLines: {

visible: true

}

},

tooltip: {

visible: true,

format: "{0}"

}

});

}

$(document).ready(function () {

//alert('line chart ready');

setTimeout(function () {

// Initialize the chart with a delay to make sure

// the initial animation is visible

createLineChart();

$("#LineChartexample").bind("kendo:skinChange", function (e) {

createLineChart();

});

}, 300);

});

</script>

</form>

</body>

Thanks

Madani

Chart (HTML5)

answered on 04 Jun 2015

1 answer

89 views

Rad date picker

It's a bug that I also reproduced on your site

First enter this date in the date picker: May 31, 2015

- With the date picker calendar, click on header to display the 12 month

- Select February

The month that appears is March’s

The problem is, if the date display at first is a 31 and the
month you select have only 30 day, he display the next month.

Please note that I have used Already used "RadControls_Q1_2007_SP2_dev"

Please advice me how to fix it????

Kindly see the attached screen
shot,

Calendar

answered on 04 Jun 2015

1 answer

110 views

Rad date picker

It's a bug that I also reproduced on your site

First enter this date in the date picker: May 31, 2015
- With the date picker calendar, click on header to display the 12 month
- Select February

The month that appears is March’s

The problem is, if the date display at first is a 31 and the
month you select have only 30 day, he display the next month.

Please note that I have used Already used RadControls_Q1_2007_SP2_dev

Please advice me how to fix it ????

Kindly see the attached screen shot,

Regards
Mona Nassar.
www.tele-finity.com

Calendar

answered on 04 Jun 2015

3 answers

98 views

Customizable Localization prefix

Hello together,

I'm currently playing around with the RadEditor-Control.

And of course I want to use correct localizations.

In our existing solution, where this control is going to be used we use a ResourceProvider (https://msdn.microsoft.com/en-us/library/aa905797.aspx).

The telerik control uses this provider as it is declared in our web.config.

If the localization should work right, I'd have to copy all resource keys from the telerik resource files into our resource files which can or will result in duplicates.

To have the possibility to devide between our and your keys a customizable localization prefix would be nice.

At least I'd find it good, if your resource keys already had an prefix like "Tel_"...

I don't want to add an functionality for looking into different resourcemanagers.

Maybe I didn't search well enough to find a good and clean solution for this issue.

Thx in advance

Andreas

General Discussions

answered on 04 Jun 2015

1 answer

196 views

RadDatePicker Popup Calendar issue in Chrome

Environment:

- VS2010

- ASP.NET 2.0

- Telerik Web 2010 Q3 (Telerik.Web.UI_2010_3_1317_Dev.msi)

The popup calendar on my RadDatepicker is not displaying properly in Chrome. See attached image.

I have several RadDatePicker control on my page. The first one pops up and display correctly. The succeeding RadDatePicker controls display out of position. See the attached image for reference.

The controls works fine in IE and Firefox.

Calendar

answered on 04 Jun 2015

1 answer

190 views

RadTreeList with nested RadGrid in TemplateColumn

HI,

I have a hierarchical RadTreeList using TreeListTemplateColumns - in one of these template columns I have a label (hidden) and a RadGrid, the purpose of the Label is to make available an ID to use to bind the RadGrid.

If I try to put this ID into either the ParentDataKeyNames, DataKeyNames or both the treelist does not display, this is why it is in a label.

I am trying to use the OnNeedDataSource Event of the RadGrid to bind the data to it, however I cannot find / get the value from the label.

I have tried TreeListDataItem Item = (TreeListDataItem)(grid.NamingContainer); to reference the column but I just cant seem to get it right.

01.<telerik:TreeListTemplateColumn UniqueName="Firmware" HeaderText="Firmware">

02. <ItemTemplate>

03. <asp:Label ID="lblPartNumberDetailsId" runat="server" Text='<%#Eval("PartNumberDetails_Id") %>' Visible="false" />

04.

05. <telerik:RadGrid ID="RGFirmware" runat="server" Visible="true" AutoGenerateColumns="false" ShowHeader="false" ShowFooter="false"

06. MasterTableView-EditMode="InPlace" AllowAutomaticInserts="true" OnNeedDataSource="RGFirmware_NeedDataSource" OnInsertCommand="RGFirmware_InsertCommand">

07. <MasterTableView CommandItemDisplay="bottom">

08. <CommandItemSettings AddNewRecordText="Add Firmware" ShowAddNewRecordButton="false" ShowRefreshButton="false" />

09. <CommandItemTemplate>

10. <asp:LinkButton ID="AddFirmware" runat="server" Text="Add Firmware" CommandName="InitInsert" />

11. </CommandItemTemplate>

12. <NoRecordsTemplate></NoRecordsTemplate>

13. <Columns>

14. <telerik:GridTemplateColumn UniqueName="FirmWare">

15. <ItemTemplate>

16. <asp:TextBox ID="txtFirmware" runat="server" Text='<%#Eval("FirmWare") %>' />

17.

18. </ItemTemplate>

19. <EditItemTemplate>

20. <asp:TextBox ID="txtFirmware" runat="server" Text='<%#Eval("FirmWare") %>' />

21.

22. </EditItemTemplate>

23. </telerik:GridTemplateColumn>

24. </Columns>

25. </MasterTableView>

26. </telerik:RadGrid>

27. </ItemTemplate>

28.</telerik:TreeListTemplateColumn>

01.protected void RGFirmware_NeedDataSource(object sender, GridNeedDataSourceEventArgs e)

02.{

03. RadGrid grid = sender as RadGrid;

04. TreeListDataItem item = (TreeListDataItem)(grid.NamingContainer);

05. string Value = ((Label)item["PartNumberDetails_Id"].FindControl("lblPartNumberDetailsId")).Text.ToString();

06.

07. if (!String.IsNullOrEmpty(Value))

08. {

09. DataTable objDT = new DataTable("TempTable");

10. List<SqlParameter> parameters = new List<SqlParameter>();

11. parameters.Add(new SqlParameter("@PartNumberDetailsId", Value));

12. objDT = DataAccess.BuildDataTable("SelectFirmwareForPart", parameters);

13. grid.DataSource = objDT;

14. }

15. else

16. {

17. grid.Visible = false;

18. }

19.}

Any help is much appreciated

Chris

TreeList

answered on 04 Jun 2015

5 answers

206 views

RadWindow not working in IE8

Hi ,

I have a radwindow which opens as model pop up. Its working fine IE6.
I am migrating my application to IE8. In IE8 it opens a pop up window but immediately it closes.

Below is code:

Javascript function:

function OpenAddWindow()
         {
             window.radopen('activitydetail.aspx', 'AddActivity')
         }
Wep page

<

radW:RadWindowManager ID="RadWindowManager1" runat="server">

<Windows>

<radW:RadWindow

Modal="true"

ReloadOnShow="true"

ID="AddActivity"

runat="server" Width="450" Height="350"

NavigateUrl="activitydetail.aspx"

OnClientClose="ClientCallWindow" />

</Windows>

</radW:RadWindowManager>

<

button id="btnAddAct" onclick="OpenAddWindow()">Add Activity</button>

Window

answered on 04 Jun 2015

1 answer

118 views

[Solved] RadToolBar elements stay focused on chrome

Hi,

When I click on an element in a RadToolBar on Chrome (version 43), the element stay with the class rtbItemFocused. This leaves the element highlighted. Is it a known issue? Or do I miss something?

On the other hand on IE 11 the behavior is as I expect; the element does not have the rtbItemFocused class after it has been clicked. Therefore it is not highlighted.

Any ideas?

Thanks.

ToolBar

answered on 04 Jun 2015