Questions on UI for ASP.NET AJAX Forum

1 answer

230 views

I have a hierarchical grid with Filtering enabled. My Detail Tables no not have any filtering allowed. How do I hide the filter row for detail tables?

Grid

answered on 13 Jan 2016

1 answer

741 views

RadGrid - how to set value in Javascript

I looked at the sample code for OnCellSelected and OnCellSelecting but it just had limited information. Is there a way to set the cell value in Javascript? I imagine it's something like dataItem.set_value() but that's just a guess. Thanks!

Grid

answered on 13 Jan 2016

3 answers

137 views

Selected cells in RadGrid - off by one column

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

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

<head runat="server">

<title></title>

<telerik:RadStyleSheetManager id="RadStyleSheetManager1" runat="server" />

</head>

<body>

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

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

<Scripts>

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js" />

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js" />

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryInclude.js" />

</Scripts>

</telerik:RadScriptManager>

<script type="text/javascript">

//Put your JavaScript code here.

</script>

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">

</telerik:RadAjaxManager>

<div>

</div>

<telerik:RadGrid ID="RadGrid1" runat="server" CellSpacing="0" Skin="WebBlue">

<ExportSettings>

<Pdf>

<PageHeader>

<LeftCell Text=""></LeftCell>

<MiddleCell Text=""></MiddleCell>

<RightCell Text=""></RightCell>

</PageHeader>

<PageFooter>

<LeftCell Text=""></LeftCell>

<MiddleCell Text=""></MiddleCell>

<RightCell Text=""></RightCell>

</PageFooter>

</Pdf>

</ExportSettings>

<ClientSettings AllowKeyboardNavigation="True">

<Selecting CellSelectionMode="MultiCell" />

<Scrolling AllowScroll="True" UseStaticHeaders="True" />

</ClientSettings>

<MasterTableView ShowFooter="False">

<CommandItemSettings ExportToPdfText="Export to PDF"></CommandItemSettings>

<ExpandCollapseColumn Visible="True"

FilterControlAltText="Filter ExpandColumn column" Created="True">

<HeaderStyle Width="20px"></HeaderStyle>

</ExpandCollapseColumn>

<EditFormSettings>

<EditColumn FilterControlAltText="Filter EditCommandColumn column"></EditColumn>

</EditFormSettings>

<BatchEditingSettings EditType="Cell"></BatchEditingSettings>

<PagerStyle PageSizeControlType="RadComboBox"></PagerStyle>

</MasterTableView>

<PagerStyle PageSizeControlType="RadComboBox"></PagerStyle>

<SelectedItemStyle BackColor="#FF9999" />

<FilterMenu EnableImageSprites="False"></FilterMenu>

</telerik:RadGrid>

<telerik:RadButton ID="RadButton1" runat="server" Text="Highlight any cells in the grid above then click this button. Do that twice, and notice how it is off by one column."

onclick="RadButton1_Click" Height="112px" Width="1263px" Font-Size="Large">

</telerik:RadButton>

<p>

</p>

</form>

</body>

</html>


//the following is code-behind (default.aspx.cs) 
using System;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
 
using System.Data;
using System.Configuration;
using System.Web.Security;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;
using Telerik.Web.UI;
 
public partial class Default : System.Web.UI.Page
{
         
    protected void Page_Load(object sender, EventArgs e)
    {
        //populate RadGrid with test table data
        if (IsPostBack == false)
        {
            RadGrid1.DataSource = GenerateTestTable( );
            RadGrid1.DataBind();
        }
    }
 
    
    protected void RadButton1_Click(object sender, EventArgs e)
    {
        //do something with selected/hilighted cells - WHY IS IT OFF BY ONE COLUMN?!?!?!?!?!?!?
        foreach (GridTableCell  item in RadGrid1.SelectedCells )
        {
            item.Text = "Hello!";
            item.BackColor = System.Drawing.Color.Aquamarine;
        }
    }
 
 
    static DataTable GenerateTestTable()
    {
        // create DataTable columns
        DataTable dt = new DataTable();
        for (int i = 0; i < 8; i++) { dt.Columns.Add("Column_" + i.ToString(), typeof(int)); }
 
        // create DataTable rows
        DataRow dr = null; 
        for (int row = 0; row < 8; row++)
        {
            dr = dt.NewRow();
            for (int col = 0; col < 8; col++) { dr[col] = col +row*8; }
            dt.Rows.Add(dr);
        }
        
        return dt;
    }
 
 
}

// why is it off by one column?!?!?!?!?

Grid

answered on 13 Jan 2016

2 answers

67 views

Possible Bug with rel. 2015.3.1111 (Nov 11, 2015)

I have a master page that contains a radMenu. On another page, which uses this master page, my content contains a radPanelBar with various radPanelItems (links mostly) and then a radTabStrip. Inside those tabs our pageViews with radGrids and other content.

So you have on the left side of the screen a menu, then a panel bar to the right of that. Then to the right of that a tab strip with it's PageView content displayed based on whichever tab is currently active.

The issue I'm seeing once I installed the new version of Telerik's controls is that the controls are laying on top of each other. The radPanelBar, instead of appearing to the right of the radMenu is actually underneath it. The tab strip is off to the right but the header of the page is over laying the menu as well. So all the positioning of all the rad controls is completely messed up. I'm just reporting this as a caution. The solution was easy. Just don't use the latest version of the Telerik controls. I could have posted the code but it would have been quite lengthy and I think with this you could replicate a test scenario using master pages with a Panel Bar and TabStrip.

Thanks,

Julian

General Discussions

answered on 13 Jan 2016

10 answers

233 views

Bind RadPivotGrid to RadHtmlChart

Hello,

I have a page with RadPivotGrid along with RadHtmlChart.

RadPivotGrid is getting populated programmatically with additional PivotGridColumnFields & PivotGridAggregateFields. (see attached)

Now, I need to generate an charts based on the RadPivotGrids data, however I am unable to set the binding to Chart with PivotGrid as source.

Does anybody have tried this before and can explain how shall I move ahead with this?

Thanks,

Chetan

Chart (HTML5)

answered on 13 Jan 2016

5 answers

295 views

Export to word from RadEditor

Hello,

I am sure you people will help me regarding the export issue

Editor

answered on 13 Jan 2016

1 answer

183 views

Question on telerik:GridNumericColumn with MaxLength=2 & NumericType="Percent"

Hello,

I had a question regarding the usage of telerik:GridNumericColumn with MaxLength=2 & NumericType=Percent. My input is 10. So the textbox automatically formats to 10 % in the UI. But, when I try to save the values, it colors the box with red, meaning the input is invalid. This however works when my MaxLength=4. This used to work 2009.3.1208.20 with MaxLength=2. We upgraded to 2015.1.225.35 & it started failing. I understand that there are a lot of changes. But how do I avoid this error?

Any information is appreciated.

Thanks

Bobbie

Grid

answered on 13 Jan 2016

1 answer

177 views

RadMediaPlayer shows black screen after the end of video.

I want to play a youtube video in RadMediaPlayer.
After end of a video , the RadMediaPlayer shows a black screen .
But I do not want to display the black screen and after end of a video
I want to display same look as I saw at the begin.

what can I do for this ??

Thanks,

Firoz Mondal

MediaPlayer

answered on 12 Jan 2016

1 answer

91 views

Time Picker usability issue

i have an issue with telerikTimePicker it is really random one . when the client try to select a time from the time picker it only show two selection 12:00 AM and 12:00 AM when he refresh the page it show the whole list from 12:00 Am till 11:45 PM . this only happen in mobile devices found in both android and apple devices

this is a screenshot

http://screencast.com/t/9kZW4V3IP98y

this a form that has the time picker:

http://cp-webtest2.civicplus.com/FormCenter/Building-4/Date-and-Time-field-57

try open it on Google Chrome,Safari from your mobile device

and after clearing the cache for several time you will find the issue happening

DateTimePicker

answered on 12 Jan 2016

1 answer

160 views

[Solved] Read Controls Inside Edit Template of RAD Form Using Javascript

How can I read the contrils inside the RADDataForm using Javascript.

I have a datafrom with DatePicket and RadButton in side Edit Template. The default Text of Button is Update. I need to chage this to Sign-Off when a Date is selected in the picker and reset back to Update.

How can this be achieved.

DataForm

answered on 12 Jan 2016