Questions on UI for ASP.NET AJAX Forum

1 answer

69 views

Varying widths

Very varying widths for telerik:RadTextBox in IE 7, 8 and when i using Compatibility View in in IE 7, 8 and 9.
I use skin="" and RadFormDecorator DecoratedControls="Textbox" to have Rounded Corners.....
I set Width="150px".
It should be 150px regardless of the browser, and if I use Compatibility View.

Input

answered on 05 Oct 2012

2 answers

112 views

Problem with Tabstrip and Ajax

I Opened a ticket for this, but thought I'd post to the forum to see if I could get a faster turnaround...maybe I'm missing something.

Hi,

I have a tabstrip with 2 tabs. I have them set to do a full postback when a tab is clicked.

I have a radgrid, with a dropdown in it. I am updating the grid asynch, when the dropdown is changed.
Additionally, I want to update the text in my tabs when the dropdown is changed. To do is I am using the RadAjaxManager, adding the grid as an ajax setting, and having its updated controls be the grid itself, and the tabstrip.

Unfortunately, as soon as add the tabstrip as an updated control for the the grid action, this causes the tab strip to postback asynch, which is what I do not want to happen.

I think this is a bug, because I have not set the tabstrip to do any asynch postbacks (in the RadAjaxManager). It is only suppose to be sent back to the server when the grid's dropdown is changed. It should continue to do a full postback if a tab is clicked.

I've included a simple project that shows the incorrect behaviour.

As an experiment, I tried in the Page_Init to register the tabstrip as a full postback control using RegisterPostBackControl. This seems to work upon initially loading of the page. The tabs will now do full postbacks at the start. But as soon as the dropdown is changed, and an asynch postback is done (sending the tabstrip to the server), the tabstrip then starts doing asynch postback when the tabs are clicked.

Here is the default.aspx

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="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>

<%--Needed for JavaScript IntelliSense in VS2010--%>

<%--For VS2008 replace RadScriptManager with ScriptManager--%>

<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">

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="radGrid1">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="radGrid1" />

<telerik:AjaxUpdatedControl ControlID="rtsMainTab" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

<div>

<telerik:RadTabStrip ID="rtsMainTab" runat="server" AutoPostBack="true" OnTabClick="rtsMainTab_TabClick">

<tabs>

<telerik:RadTab runat="server" >

<TabTemplate>

<span class="rtsTxt">My Groups</span> (<asp:Label ID="lblMyGroupsCountOpen" runat="server" />/<asp:Label ID="lblMyGroupsCountStat" runat="server"

style="color:Red;" />)

</TabTemplate>

</telerik:RadTab>

<telerik:RadTab runat="server" >

<TabTemplate>

<span class="rtsTxt">My Assignments</span> (<asp:Label ID="lblMyAssignmentsCountOpen" runat="server" />/<asp:Label ID="lblMyAssignmentsCountStat" runat="server"

style="color:Red;" />)

</TabTemplate>

</telerik:RadTab>

</tabs>

</telerik:RadTabStrip>

<telerik:RadGrid runat="server" ID="radGrid1" Skin="Outlook"

BorderStyle="None"

AllowPaging="false" AllowMultiRowSelection="true" AutoGenerateColumns="false"

PageSize="30" >

<MasterTableView TableLayout="Fixed" >

<Columns>

<telerik:GridBoundColumn DataField="AssignmentGroup" HeaderText="Assg Group"

HeaderStyle-Width="95px" ItemStyle-Width="95px" />

<telerik:GridTemplateColumn HeaderText="Stat" HeaderStyle-Width="70px" ItemStyle-Width="70px"

SortExpression="IsStat" >

<ItemTemplate>

<asp:DropDownList ID="ddlReferralAssignmentsIsStat" runat="server" CssClass="DropDownList"

AutoPostBack="true" OnSelectedIndexChanged="ddlReferralAssignmentsIsStat_SelectedIndexChanged" >

<asp:ListItem Text="Yes" Value="Yes" />

<asp:ListItem Text="No" Value="No" />

</asp:DropDownList>

</ItemTemplate>

</telerik:GridTemplateColumn>

</Columns>

</MasterTableView>

<ClientSettings AllowColumnsReorder="false" ReorderColumnsOnClient="false">

<Selecting AllowRowSelect="True" EnableDragToSelectRows="false" />

<Scrolling AllowScroll="true" UseStaticHeaders="true" ScrollHeight="600px" />

</ClientSettings>

<PagerStyle Mode="NumericPages" PageButtonCount="4" />

</telerik:RadGrid>

</div>

</form>

</body>

</html>

Here is the 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_Init(object sender, EventArgs e)

{

//if this is commented in, the tabs will do Full Postbacks initially, until an asynch postback is done from the grid

//if its not commented in, then the tabs always postback asynch

//RadScriptManager.GetCurrent(this.Page).RegisterPostBackControl(rtsMainTab);

}

protected void Page_Load(object sender, EventArgs e)

{

if(!this.IsPostBack)

{

string[] data = { "test1", "test2" };

radGrid1.DataSource = data;

radGrid1.DataBind();

}

protected void rtsMainTab_TabClick(object sender, RadTabStripEventArgs e)

{

bool isAsynch = RadScriptManager.GetCurrent(this.Page).IsInAsyncPostBack;

System.Diagnostics.Trace.WriteLine("tab click is asynch: " + isAsynch);

}

protected void ddlReferralAssignmentsIsStat_SelectedIndexChanged(Object sender, EventArgs e)

{

bool isAsynch = RadScriptManager.GetCurrent(this.Page).IsInAsyncPostBack;

System.Diagnostics.Trace.WriteLine("grid action is asynch: " + isAsynch);

}

Please help,
Rich

TabStrip

answered on 05 Oct 2012

5 answers

133 views

DateTime Filter Problem

I'm trying to use the MonthYearPicker as my control for filtering datetime. However, when I try the code below, I get:


String was not recognized as a valid DateTime.
I've tried formatting several ways with no luck. I was trying to
look at the event in the code behind, but I see no arguments at all that
contains my filter values themselves. Just the  column name and
expression.  Any help would be appreciated. Thank you!



















<

FilterTemplate

<telerik:RadMonthYearPicker ID="RadMonthYearPicker1" runat="server" ClientEvents-OnPopupClosing="MeasurementDateChanged" />

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

<script type="text/javascript">

function MeasurementDateChanged(sender, args) {

var tableView = $find("<%# ((GridItem)Container).OwnerTableView.ClientID %>");

var year = args._picker.FocusedDate[0];

var month = args._picker.FocusedDate[1];

var fromDate = new Date(year, month-1, 1);

var toDate = new Date(year, month, 0);

tableView.filter("MeasurementDate", fromDate.toISOString() + " " + toDate.toISOString(), "Between");

}

</script>

</telerik:RadScriptBlock>

</FilterTemplate>

Grid

answered on 05 Oct 2012

1 answer

117 views

Display RadGrid items in grouping as ListView layout

Hi,
I am trying to use RadGrid as ListView layout and was able to follow the demo below to achieve the results.

Grid / ListView/DataList View:
http://demos.telerik.com/aspnet-ajax/grid/examples/programming/listview/defaultcs.aspx

Now, I need to be able to use "Grouping" [using ContactTitle:] so that all the items are shown under corresponding Grouping.
I know the layout may seem impossible for RadGrid, but I believe it's possible, though I haven't figured out how? Does anyone know how to do it as I need it badly [without using ListView, only RadGrid]. Please see my code below.

Thanks for your help.
http://www.megasearches.com/

<%@ Control Language="C#" AutoEventWireup="true" CodeFile="MainGrid_Box.ascx.cs" Inherits="_Default_MainGrid_Box" %>

<telerik:RadGrid ID="RadGrid_r2bweb_Box" GridLines="None" runat="server" AllowSorting="true" AllowPaging="false" DataSourceID="SqlDataSource_r2bweb_Box">

<PagerStyle Mode="NextPrevAndNumeric" AlwaysVisible="true"/>

<MasterTableView Width="100%" CommandItemDisplay="Top" DataKeyNames="url_id"

DataSourceID="SqlDataSource_r2bweb_Box" HorizontalAlign="NotSet" AutoGenerateColumns="true"

GroupLoadMode="Client" GroupsDefaultExpanded="true" TableLayout="Fixed">

<GroupHeaderTemplate>

<asp:CheckBox ID="CheckBox_Main_Box" runat="server" onclick="CheckAll(this);" />

<asp:Label runat="server" ID="r2b_GroupingHeader_Main_Box" Text='<%# " lst_name(s): "+Eval("lst_name") %>'

Visible='<%# ((((GridGroupHeaderItem)Container).AggregatesValues["lst_name"]) != null)%>'></asp:Label>

</GroupHeaderTemplate>

<GroupByExpressions>

<telerik:GridGroupByExpression>

<SelectFields>

<telerik:GridGroupByField FieldAlias="lst_name" FieldName="lst_name"></telerik:GridGroupByField>

</SelectFields>

<GroupByFields>

<telerik:GridGroupByField FieldName="lst_name" SortOrder="Descending"></telerik:GridGroupByField>

</GroupByFields>

</telerik:GridGroupByExpression>

</GroupByExpressions>

<ItemTemplate>

<%# (((GridItem)Container).ItemIndex != 0)? "</td></tr></table>" : "" %>

<asp:Panel ID="r2bweb_panel"

CssClass='<%# (((GridItem)Container).ItemType == GridItemType.Item)? "item" : "alternatingItem" %>' HorizontalAlign="Center" runat="server">

<asp:Image ID="r2bweb_mySites" Style="float: left; text-align:center;" Width="50px" Height="50px" ImageUrl="~/Images/mySites.png" runat="server" AlternateText="My Site" />

<br />

<%# Eval("url_name")%>

</asp:Panel>

</ItemTemplate>

</MasterTableView>

<ClientSettings AllowDragToGroup="false" AllowColumnsReorder="false" AllowRowsDragDrop="True"

AllowGroupExpandCollapse="True">

<Selecting AllowRowSelect="true" EnableDragToSelectRows="true" />

<Resizing AllowRowResize="True" EnableRealTimeResize="false" ResizeGridOnColumnResize="false"

AllowColumnResize="True" AllowResizeToFit="true" ShowRowIndicatorColumn="false"

ClipCellContentOnResize="false" />

<Scrolling AllowScroll="false" UseStaticHeaders="True" SaveScrollPosition="true" />

</ClientSettings>

</telerik:RadGrid>

<asp:SqlDataSource ID="SqlDataSource_r2bweb_Box" runat="server"

ConnectionString="<%$ ConnectionStrings:r2bweb_ConnectionString %>"

SelectCommand="SELECT a.[lst_id], b.[lst_name], a.[url_id], a.[urp_id], a.[usr_id], a.[cat_id], a.[url_isOpen], a.[url_type], a.[url_name], a.[url_address], a.[url_isLoginOrOpen], a.[url_username], a.[url_isSaveUsername], a.[url_isEnableUsername], a.[url_password], a.[url_isSavePassword], a.[url_isEnablePassword], a.[url_desc], a.[url_isSave] FROM [t_url] a INNER JOIN [t_myList] b ON a.[lst_id] = b.[lst_id]">

</asp:SqlDataSource>

Grid

answered on 05 Oct 2012

5 answers

380 views

Line Chart with a Single Data Point

A couple of years ago I posted on the forums to get some help with a chart that needed to display both points and lines, and the help that I got there worked perfectly (My Old Post). Recently though, we've run into a bit of an issue with it as we've switched from using cataloged data to a live stream.

The chart monitors quality, so it checks how the item performed (point) against two levels of standards (the lines). The problem is that with a new run we'll have the single performance data in there which shows up fine, but the two lines don't show up at all. I assume that this is caused by the lack of multiple data points resulting in no line being drawn from A to B since B doesn't exist.

So I need some help figuring out how I can make those lines show up if there's only one item to be displayed. There will be more than one point of data eventually, so I need to put it into an IF or Case statement of some kind I'm sure, but I don't know what the best way to do that is going to be.

Chart (Obsolete)

answered on 05 Oct 2012

5 answers

165 views

On Demand ComboBox losing focus when drop-down drawing above text box

I am having an issue with a RadComboBox on a page. The combo box is set up to use OnDemand loading.
In IE8, when the drop-down is in the lower part of the page, the combo box is losing the focus in the input field when the On Demand list is being refreshed and the Drop-down box is rendered above the input field.

This is causing issues, because when the focus is lost and the user pressed the backspace button the browsers back button appears to be invoked, navigating the user away from the page.

Is there a way to set the focus back to the input control after the on demand items are retrieved?

Thanks
Thomas Mittag

ComboBox

answered on 05 Oct 2012

2 answers

590 views

How to get all columns values from Grid In ClientSide Javascript

Hi,

I need to get all values of a particular columns in Telerik RadGrid in client side javascript?I want all the values in that columns irrespective of it is selected or not?

Can any one please help me how to achieve this?

Grid

answered on 05 Oct 2012

7 answers

175 views

Making Telerik work in Windows Apache Server

Hi

I am going to host my .Net Web Application with lots of Telerik controls used to be hosted into Windows Apache server machine. I tried out localy to make the telerik controls work on Apache server, but the controls are not rendering in the web page. Does Telerik work with Apache server and what are the necessary changes need to be done for that. Please guide me step by step as I am new to Apache Web server.

We are using Telerik Ajax Controls for our Project.

General Discussions

answered on 05 Oct 2012

9 answers

408 views

RadGrid Export to csv having problem

Hello,

I am using xml to bind the radgrid(datasource), i have many columns in xml but out of them i show the selected columns in radgid, but while exporting the csv i need to show all the columns, i have accomplished this but the problem is that i have a column(UserID and TweetID) which has integer value having 15+ digits and when i export it in csv i find the valuse in exponential form, do we have any way to show the values as they are ie. without exponantial form.

To track it easily i am attaching a sample screenshot of the

protected void btnExportToCSV_Click(object sender, EventArgs e)

{

radgridSentiment.ExportSettings.IgnorePaging = true;

radgridSentiment.MasterTableView.ExportToCSV();

radgridSentiment.MasterTableView.GetColumn("columnTweetID").Visible = true;

radgridSentiment.MasterTableView.GetColumn("columnBusinessAreas").Visible = true;

radgridSentiment.MasterTableView.GetColumn("columnLocation").Visible = true;

radgridSentiment.MasterTableView.GetColumn("columnAuthorLocationContinentCode").Visible = true;

radgridSentiment.MasterTableView.GetColumn("columnAuthorLocationStateCode").Visible = true;

radgridSentiment.MasterTableView.GetColumn("columnAuthorLocationRegionCode").Visible = true;

radgridSentiment.MasterTableView.GetColumn("columnAuthorLocationCountryCode").Visible = true;

radgridSentiment.MasterTableView.GetColumn("columnDataSourceIndustry").Visible = true;

radgridSentiment.MasterTableView.GetColumn("columnDataSourceCoverageArea").Visible = true;

radgridSentiment.MasterTableView.GetColumn("columnDataSourceBusinessArea").Visible = true;

radgridSentiment.MasterTableView.GetColumn("columnLifeStyle").Visible = true;

radgridSentiment.MasterTableView.GetColumn("DataURL").Visible = true;

radgridSentiment.MasterTableView.GetColumn("columnUserID").Visible = true;

radgridSentiment.MasterTableView.GetColumn("UserID").Visible = true;

radgridSentiment.MasterTableView.GetColumn("columnSelect").Visible = false;

radgridSentiment.MasterTableView.GetColumn("columnAction").Visible = false;

radgridSentiment.MasterTableView.GetColumn("columnTweetDataExport").Visible = true;

radgridSentiment.MasterTableView.GetColumn("columnTweetData").Visible = false;

}

xml file which i use as datasource for my Radgrid and a screenshot of my Radgrid, the columns of radgrid will be exported the way they are.

Any quick help on this is highly appreciated as its urgent.

Thanks!

With regards,
Peeyush Pandey

Grid

answered on 05 Oct 2012

2 answers

96 views

DataSource in Telerik

Hai,

I have used Rad Grid in my application.But when i see the example in this URL,http://localhost:8301/radcontrols_aspnetajax/grid/examples/dataediting/threelevel/defaultcs.aspx,they have used SessionDataSource as the DataSource.But i need to use SQL DataSource.Can anyone pls tell me how to use SQLDataSource in Rad Grid.Thanks in Advance

Grid

answered on 05 Oct 2012