Questions on UI for ASP.NET AJAX Forum

3 answers

75 views

Text after IsSeperator="True" moving 2 pixels down

Using RadMenuTelerik Version 2011.1.315.40 in Internet Explorer 9.

When hovering over a menu Item Group that has a seperator in it: The menu will dropdown but the first menu item's text will shift 2 or more pixels down (after the seperator). Is there a fix for this?

This menu item is fine.

<Item IsSeparator="True" />

This menu item's text will display then shift down a few pixels.

Thanks,

Mike

Menu

answered on 05 Apr 2011

3 answers

123 views

Highlight the current item

Hi forums,

I have a working rotator (type CarousselButtons) with images (in colors).

I was wondering. Is there any chance (by using the client API or the like), that I can only show the current item index image in colors and the others (not current item index) in say semi transparent...maybe apply the semi transparent-ness at the client side..

Basically my need is to "highlight" the current index and to put the other indexes "away"..

Hope this post is meaningful..

Regards

Henrik

Rotator

answered on 05 Apr 2011

1 answer

77 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

117 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

108 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

124 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

91 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

189 views

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

267 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

62 views

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

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

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

error.