Questions on UI for ASP.NET AJAX Forum

1 answer

104 views

Stylesheet is not loading for Asyncupload

Hi,

In my application, on grid pop-up providing document upload feature using Async Upload tool. For the most part when user try to open pop-up stylesheet is not appering for asyncupload and datepicker control.

Attaching screen shot for review. Also I noticed this issue mostly with Internet explorer. Not 100% sure with browser specific but found most of the time with Internet Explorer 7. Let me know the possible combination can cause these?

I would really appreciate response as early as possible.

Thanks,

AsyncUpload

answered on 05 Apr 2011

5 answers

136 views

BUG Asyncupload + Radprogressmanager + RadProgressArea1

Order in Html page
RadProgressManager
RadAsyncUpload
RadProgressArea

http://demos.telerik.com/aspnet-ajax/upload/examples/async/monitorprogress/defaultcs.aspx
If you look at the demo the progress is not updating.
Uploaded files: 0% (0) Total files: 1
The same result if i make my own page with the controls

What to do?!??

<telerik:RadProgressManager ID="Radprogressmanager1" runat="server" Skin="Office2007" />

<telerik:RadAsyncUpload runat="server" ID="AsyncUpload1" OnClientValidationFailed="validationFailed"

OnClientFileUploadRemoved="fileUploadRemoved" MultipleFileSelection="Automatic"

EnableInlineProgress="false" CssClass="RadAsyncUpload">

<Localization Cancel="Annuleren" Remove="Verwijderen" Select="Selecteer" />

</telerik:RadAsyncUpload>

<telerik:RadProgressArea ID="RadProgressArea1" runat="server" Culture="nl-NL" Skin="Office2007"

Style="position: absolute; top: 1%; left: 1%; margin: 0 0 0 0px;">

<Localization Cancel="Annuleren" ElapsedTime="Verstreken tijd" EstimatedTime="Geschatte tijd"

Total="Totaal voortgang" TotalFiles="Totaal" TransferSpeed="Snelheid" Uploaded="Geüpload"

UploadedFiles="Voortgang" />

</telerik:RadProgressArea>

AsyncUpload

answered on 05 Apr 2011

1 answer

137 views

Trying to take first 10 rows from a datatable and use them as datasouce for grid.

I have a dataset that I'd like to take the first 10 rows from, and then bind them to my grid. Here's what I have:

DataTable dt = new DataTable();

for (int i = 0; i < 10; i++)

{

dt.ImportRow(ds.Tables[0].Rows[i]);

dt.AcceptChanges();

}

rgPreview.DataSource = dt;

I'm getting a "

Cannot find any bindable properties in an item from the datasource"

error.

Grid

answered on 05 Apr 2011

2 answers

143 views

IE 8 64 bit: file selection dialog stops appearing after 2-3 uploads, also doesn't open in IE-64 bit IE8 compatibility view (might be css issue)

Hi,

as subject says.

<telerik:RadAsyncUpload runat="server" ID="RadAsyncUploadImageForNavNode" AllowedFileExtensions="jpg,jpeg,png,gif" CssClass="i1nvisible p1ixelWidthHeight"

MaxFileSize="5242880" MultipleFileSelection="Disabled" OnFileUploaded="RadAsyncUploadImageForNavNode_FileUploaded" EnableInlineProgress="false"

MaxFileInputsCount="1" OnClientFileUploaded="RadAsyncUploadImageForNavNode_OnClientFileUploaded" Localization-Select="<%$ Resources:PGC, ProjectContentElement_UploadImage %>">

</telerik:RadAsyncUpload>

I needed only Select button, so this is the css I took somewhere from this forum:

.createContentPageAdditionalOptions .RadUpload input.ruFakeInput

{

display: none;

}

.createContentPageAdditionalOptions .RadUpload input.ruBrowse

{

width: 115px;

}

.createContentPageAdditionalOptions .RadUpload span.ruFileWrap input.ruButtonHover

{

background-position: 100% -46px;

}

.createContentPageAdditionalOptions .RadUpload input.ruButton

{

background-position: 0 -46px;

}

Thx!

AsyncUpload

answered on 05 Apr 2011

1 answer

119 views

Editor Zoom scroll problems.

Drawings and have the same problem.
What should I do?

link:http://www.winterer.co.kr/file/zoom_scroll.png

Editor

answered on 05 Apr 2011

2 answers

219 views

[Solved] DateTimePicker For DateTime DataType Column Filter

Hello Everyone,

I am new to Rad Grid and want to put DateTimePicker in a Column which has data type Datetime.

However when I specify AutoGenerateColumns="True" at that time DateTimePicker is generated in Column Filter.
But when I doing AutoGenerateColumns="False" and Generate Columns in Page_Load Event at that time all code is same
but instead of DateTimePicker TextBox is generated.

So anyone can help me how to enable DateTimePicker for Filter Column when I generate columns in code behind ?

However I have also specify DataType property when I am adding columns to Grid.

Here is code that I am using.I have declared grid in ASPX Page and just want to describe structure from code behind.

protected void Page_Load(object sender, EventArgs e)

{

if (!IsPostBack)

{

AddColumns();

ViewState["DataSet"] = GetData();

}

private void AddColumns()

{

GridBoundColumn colCustomerID = new GridBoundColumn();

GridBoundColumn colBirthDate = new GridBoundColumn();

GridBoundColumn colName = new GridBoundColumn();

GridBoundColumn colAddress = new GridBoundColumn();

GridBoundColumn colPhone = new GridBoundColumn();

GridBoundColumn colSalary = new GridBoundColumn();

GridBoundColumn colBoolTest = new GridBoundColumn();

rgDemo.Columns.Add(colCustomerID);

rgDemo.Columns.Add(colBirthDate);

rgDemo.Columns.Add(colName);

rgDemo.Columns.Add(colAddress);

rgDemo.Columns.Add(colPhone);

rgDemo.Columns.Add(colSalary);

rgDemo.Columns.Add(colBoolTest);

colCustomerID.DataField = "EmployeeID";

colCustomerID.HeaderText = "EmployeeID";

colCustomerID.UniqueName = "EmployeeID";

colBirthDate.DataField = "BirthDate";

colBirthDate.HeaderText = "BirthDate";

colBirthDate.DataType = Type.GetType("System.DateTime");

colBirthDate.AllowFiltering = true;

colBirthDate.UniqueName = "BirthDate";

colBirthDate.DataFormatString = "{0:MM/dd/yyyy}";

colName.DataField = "Name";

colName.HeaderText = "Name";

colName.UniqueName = "Name";

colAddress.DataField = "Address";

colAddress.HeaderText = "Address";

colAddress.UniqueName = "Address";

colPhone.DataField = "Phone";

colPhone.HeaderText = "Phone";

colPhone.UniqueName = "Phone";

colSalary.DataField = "Salary";

colSalary.HeaderText = "Salary";

colSalary.UniqueName = "Salary";

colBoolTest.DataField = "BoolTest";

colBoolTest.HeaderText = "BoolTest";

colBoolTest.DataType = typeof(Boolean);

}

private DataSet GetData()

{

DataSet _dsData = new DataSet();

DataTable _dtData = new DataTable("Employee");

DataColumn _dc1 = new DataColumn("EmployeeID", typeof(string));

DataColumn _dc2 = new DataColumn("BirthDate", typeof(DateTime));

DataColumn _dc3 = new DataColumn("Name", typeof(string));

DataColumn _dc4 = new DataColumn("Address", typeof(string));

DataColumn _dc5 = new DataColumn("Phone", typeof(string));

DataColumn _dc6 = new DataColumn("Salary", typeof(int));

DataColumn _dc7 = new DataColumn("BoolTest", typeof(int));

_dtData.Columns.Add(_dc1);

_dtData.Columns.Add(_dc3);

_dtData.Columns.Add(_dc2);

_dtData.Columns.Add(_dc4);

_dtData.Columns.Add(_dc5);

_dtData.Columns.Add(_dc6);

_dtData.Columns.Add(_dc7);

for (int i = 0; i < 20; i++)

{

string index = Convert.ToString(i + 1);

DataRow dr = _dtData.NewRow();

dr["EmployeeID"] = "E000" + index;

dr["Name"] = "Employee " + index;

dr["Address"] = "Address " + index;

dr["Phone"] = "123-56789";

dr["Salary"] = Convert.ToString((i + 1) * 1000);

dr["BirthDate"] = DateTime.Now.AddDays(i + 1);

dr["BoolTest"] = (i % 2) == 0 ? true : false;

_dtData.Rows.Add(dr);

}

_dsData.Tables.Add(_dtData);

return _dsData;

}

protected void rgDemo_OnNeedDataSource(object source, GridNeedDataSourceEventArgs e)

{

//Write code to get data in DataSet ds

DataSet _ds = (DataSet)ViewState["DataSet"];

rgDemo.VirtualItemCount = _ds.Tables[0].Rows.Count;

rgDemo.DataSource = _ds;

}

Grid

answered on 05 Apr 2011

5 answers

301 views

Setting RadRatingItem values in code behind

I have specified the number of stars in my code behind using:

numberOfStars = 7;

ctrlRating.ItemCount = NumberOfStars;

The values assigned seem to be automatic (e.g. 1, 2, 3, 4, 5, 6, 7) and I would like to override them with my own values (0, 2, 4, 6, 8, 10, 12).

In this post: http://www.telerik.com/community/forums/aspnet-ajax/rating/tooltips-of-radrating.aspx
you say "That is why, I would recommend that you wrap the rating control in UpdatePanel and update the items in the Items collection server-side."

I have tried to update the items and always get an Index out of range error even in the first iteration.

ctrlRating.Items[numberOfStars - 1].Value = 33

Can you please provide an example of updating the item values using c sharp?

Thanks

Rating

answered on 05 Apr 2011

2 answers

72 views

[Solved] Pass ID from RadMenu to e.Value for use with XmlHttpPanel

Hello,

I am having difficulty passing the selected menu item to a RadXmlHttpPanel, would any one be able to help??

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

       
             function onClicking(sender, eventArgs) {
                    var item = eventArgs.get_item();
                    var panel = $find("<%=RadXmlHttpPanel1.ClientID%>");
                    //panel.set_value(item.get_text());
                    panel.set_value(item.ID);
                }


             function onClicking(sender, eventArgs) {
                    var item = eventArgs.get_item();
                    var panel = $find("<%=RadXmlHttpPanel1.ClientID%>");
                    //panel.set_value(item.get_text());
                    panel.set_value(item.ID);
                }

</script>

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

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="RadMenu1">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="RadGrid1" UpdatePanelHeight="" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

<telerik:RadSkinManager ID="RadSkinManager1" runat="server" Skin="Office2007">

</telerik:RadSkinManager>

<div>

<script type="text/javascript">

function onClicking(sender, eventArgs) {

var item = eventArgs.get_item();

var panel = $find("<%=RadXmlHttpPanel1.ClientID%>");

panel.set_value(item.ID);

}

</script>

<div class="divContainer">

<div class="divTreeView" style="">

<telerik:RadMenu ID="RadMenu1" runat="server" Width="200px" Skin="Office2007" onclientitemclicked="onClicking" >

</telerik:RadMenu>

</div>

<div class="divXmlPanel">

<telerik:RadXmlHttpPanel ID="RadXmlHttpPanel1" runat="server" LoadingPanelID="RadAjaxLoadingPanel1"

Value="01" OnServiceRequest="XmlHttpPanel_ServiceRequest" Height="267px" Width="548px"

RenderMode="Block">

<telerik:RadGrid ID="RadGrid1" runat="server">

</telerik:RadGrid>

</telerik:RadXmlHttpPanel>

</div>

<div style="height: 31px; background: url('Images/foot_back.png') no-repeat;">

</div>

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Skin="Office2007">

</telerik:RadAjaxLoadingPanel>

</div>

</form>

C#

private void BindMenu()

{

string sql = "";

var dt = new DataTable();

sql += " SELECT TOP (100) PERCENT PL_ID, Record_Title, Record_Parent, FROM database";

dt = data.GetDataTable(sql);

if (dt.Rows.Count > 0)

{

RadMenu1.DataSource = dt;

RadMenu1.DataTextField = "Record_Title";

RadMenu1.DataNavigateUrlField = "";

RadMenu1.DataFieldID = "PL_ID";

RadMenu1.DataFieldParentID = "Record_Parent";

RadMenu1.DataBind();

}

else

{

RadGrid1.DataSource = null;

}

protected void XmlHttpPanel_ServiceRequest(object sender, RadXmlHttpPanelEventArgs e)

{

string dt = e.Value;

BindGrid(dt);

}

private void BindGrid(string id)

{

string sql = "";

var dt = new DataTable();

sql += string.Format(" Select PL_ID, Record_Title, Record_Content, Record_Order_sort From database where (PL_ID = {0})", id);

dt = data.GetDataTable(sql);

if (dt.Rows.Count > 0)

{

RadGrid1.DataSource = dt;

//RadGrid1.CurrentPageIndex = 0;

Session["NeedsRebind"] = true;

RadGrid1.DataBind();

}

else

{

RadGrid1.DataSource = null;

}

Menu

answered on 05 Apr 2011

1 answer

144 views

Problem Using More than 1 RadRotator

Hi There!
I'm using 3 Rotators on my Master Page, when I set equal values for ScrollDirection Property(e.g. Up), every thing is fine, but when I set different Values for that property, Animation is not working and Rotator is stuck on first Record, Please help me out! I'm running out of time...

Rotator

answered on 05 Apr 2011

2 answers

1.2K+ views

[Solved] Change text of RadButton on client-side with JavaScript

Hi! Could someone provide me an example of how to change the text of a RadButton using JavaScript? Basically when a user clicks the 'submit' button I want to display an alert message, disable the button, and change the text to say 'Submitting'. I've got the alert message working, but the button text doesn't appear to change nor is it disable.

Here's the lines of code for the javascript...

<telerik:RadCodeBlock ID="rcb1" runat="server">

<script type="text/javascript">

function DisableSubmitBtn() {

alert("Submitting Review, please do not click submit more than once");

document.getElementById('<% =btnItemSubmitE.ClientId %>').value = 'Submitting';

}

</script>

</telerik:RadCodeBlock>

Here's the button code...

<telerik:RadButton ID="btnItemSubmitE" runat="server" Skin="Sunset" Text="Submit"

Width="45%" ValidationGroup="Review" OnClientClicked="DisableSubmitBtn" >

<Icon PrimaryIconCssClass="rbOk" PrimaryIconLeft="4" PrimaryIconTop="4" />

</telerik:RadButton>

There are validation controls on the page and a RadAjaxManager is being used.

Thank you!

Button

answered on 05 Apr 2011

Cannot find any bindable properties in an item from the datasource" error.

Cannot find any bindable properties in an item from the datasource"

error.