Questions on UI for ASP.NET AJAX Forum

1 answer

114 views

Our product has a dashboard tool that allows users to build charts. We've recently started using your colour picker control for selecting and storing user defined colour selections. Unfortunately we've run into a problem where we need to select transparent for some objects but we haven't found a workable solution using your control. When we select the 'empty' colour your control appears to default to white in the UI. If the page is posted back to the server, the transparent elements are all changed to white. All we are doing in code is updating the database with the currently selected colour of the control. At no stage do we set the colour to white in code.

Is there a workable solution you can suggest as this is a showstopper for us?

ColorPicker

answered on 11 Apr 2014

8 answers

964 views

RadGrid Batch Edit Mode - Cell Value After Add New Record

Hi there,

I'm trying to implement batch edit in my RadGrid and got one problem I cannot resolve due to lack of info.
I call RadGrid.get_batchEditingManager().addNewRecord , in my radgrid I've got several template columns with radcombos there,
there are related and everything work perfect because I can use $telerik.findControl to refer any other cell's radcomboboxes control
while changing index of the current combo cell editing. Eventually, I have to change some Label control text value basing on chosen
selected Item in another combobox of another cell. But how should I refer from some given editing cell to another template column's
which has ItemTemplate Label control only in order to change label's text value ?
I tried $telerik.findControl($find("<%= MyGrid.ClientID %>").get_element(), "myLabel") but it always gets null instead of label object.

Thanks in advance,
Nik

Grid

answered on 11 Apr 2014

1 answer

121 views

Radgrid Export to Excel Style not applying for Empty Data

Hi all,
I am trying to export empty data to excel.The style is not getting applied for Empty data or only Heading row.Please help
i have the below two eventhandlers to apply style:
Protected Sub rgInbox_ExcelMLExportRowCreated(sender As Object, e As GridExcelBuilder.GridExportExcelMLRowCreatedArgs) Handles rgInbox.ExcelMLExportRowCreated
If e.RowType = Telerik.Web.UI.GridExcelBuilder.GridExportExcelMLRowType.HeaderRow Then
For Index As Integer = 0 To e.Row.Cells.Count - 1
e.Row.Cells(Index).StyleValue = "normalHeaderStyle"
Next

End If
End Sub

Protected Sub rgInbox_ExcelMLExportStylesCreated(sender As Object, e As GridExcelBuilder.GridExportExcelMLStyleCreatedArgs) Handles rgInbox.ExcelMLExportStylesCreated
Dim normalHeaderStyle As New GridExcelBuilder.StyleElement("normalHeaderStyle")
normalHeaderStyle.FontStyle.Color = System.Drawing.Color.Black
normalHeaderStyle.FontStyle.Bold = True
normalHeaderStyle.FontStyle.FontName = "Calibri"
normalHeaderStyle.FontStyle.Size = 10.0
normalHeaderStyle.InteriorStyle.Pattern = GridExcelBuilder.InteriorPatternType.Solid
normalHeaderStyle.InteriorStyle.Color = System.Drawing.Color.Gray
e.Styles.Add(normalHeaderStyle)
End Sub

Grid

answered on 11 Apr 2014

1 answer

76 views

"MaximumNodes" doesnt work with "ListLayout-RepeatColumns"

i have sitemap like below:

<telerik:RadSiteMap ID="smKat" runat="server"

DataFieldID="Id"

DataFieldParentID="Parentid"

DataSourceID="sqlKat"

DataTextField="katText"

DataValueField="Id"

MaxDataBindDepth="2" >

<DefaultLevelSettings ListLayout-AlignRows="true"

ListLayout-RepeatDirection="Vertical" MaximumNodes="6" >

</DefaultLevelSettings>

<LevelSettings>

<telerik:SiteMapLevelSetting MaximumNodes="6" Level="0">

<ListLayout

RepeatColumns="3"

AlignRows="true"

RepeatDirection="Vertical" ></ListLayout>

</telerik:SiteMapLevelSetting>

<telerik:SiteMapLevelSetting Level="1" MaximumNodes="6" >

<ListLayout

RepeatColumns="2"

AlignRows="true"

RepeatDirection="Vertical" ></ListLayout>

</telerik:SiteMapLevelSetting>

</LevelSettings>

</telerik:RadSiteMap>

but MaximumNodes doenst work with ListLayout-RepeatColumns. it shows all data if added listlayout options.

Could you refer any approach to get MaximumNodes with ListLayout-RepeatColumns .
Thank you.

SiteMap

answered on 11 Apr 2014

6 answers

160 views

RadComboBox IE11 wrong rendering Q1 2014

Strange problem in IE11 all work around and finally here.

Problem on first attempt dropdown, works well on second attempt.

Check the screen shot:

Html

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager>
<telerik:RadComboBox ID="cmbRole" runat="server" EnableAutomaticLoadOnDemand="true" DataValueField="RoleId" DataTextField="RoleName" DataSourceID="sqlcmbRole">
</telerik:RadComboBox>
<asp:SqlDataSource runat="server" ID="sqlcmbRole" ConnectionString='<%$ ConnectionStrings:ConnectionString %>' SelectCommand="SELECT [RoleId], [RoleName],Status FROM [vw_Display_Roles]">
</asp:SqlDataSource>
</div>
</form>
</body>
</html>

ComboBox

answered on 11 Apr 2014

13 answers

561 views

RadComboBox Load On Demand rendering problem

Hi,

I've got a problem in a solution that is also reproduced using your demo web page. The setup is as follows:
1. Skin: sunset.
2. Dropdown: height - maximum, 220px.
3. Load on Demand: custom, Enable 'Show More Results' box.
Browser: ie11.

Steps to reproduce:
0. Leave the drop down tab open.
1. Click on the input box - the dropdown is shown.
2. Enter letter 'a' - the content is filtered to all items starting with 'a'.
3. Close the dropdown by clicking the arrow.
4. Use backspace or delete key to remove the 'a' letter - the input text is changed - the dropdown is shown again, this time it has layout rendering problems: items that go beyond the combobox height have transparent background and the text is thus scribbled. Also, the "More Results" box is not shown.

The same issue can be reproduced in "silk" skin - but only with "More results" box not showing - that's because it defines white background for .rcbList element.
Workaround is to close/open dropdown - then it is rendered correctly.

Could you please advise on whether there is better workaround or any estimation of whether issue will be fixed or when.

Thanks!
Best regards,
Vasile.

ComboBox

answered on 11 Apr 2014

2 answers

202 views

RadEditor Document Manager Upload Issue

Hi,

I have RadEditor with document manager which allows users to upload files. Code is shown below

<telerik:RadEditor ID="rdEdObjectives" Skin="WebBlue" Width="800px" EditModes="Design" Height="200px" runat="server">
<CssFiles>
<telerik:EditorCssFile Value="~/EditorContentArea.css" />
</CssFiles>
<Tools>
<telerik:EditorToolGroup>
<telerik:EditorTool Name="Cut" />
<telerik:EditorTool Name="Copy" />
<telerik:EditorTool Name="Paste" />
<telerik:EditorTool Name="Undo" />
<telerik:EditorTool Name="Redo" />
<telerik:EditorTool Name="FontName" />
<telerik:EditorTool Name="RealFontSize" />
<telerik:EditorTool Name="Bold" />
<telerik:EditorTool Name="Italic" />
<telerik:EditorTool Name="Underline" />
<telerik:EditorTool Name="JustifyLeft" />
<telerik:EditorTool Name="JustifyCenter" />
<telerik:EditorTool Name="JustifyRight" />
<telerik:EditorTool Name="JustifyFull" />
<telerik:EditorTool Name="Indent" />
<telerik:EditorTool Name="Outdent" />
<telerik:EditorTool Name ="InsertUnorderedList" />
<telerik:EditorTool Name="InsertOrderedList" />
<telerik:EditorTool Name="ForeColor" />
<telerik:EditorTool Name="BackColor" />
<telerik:EditorTool Name="InsertSymbol" />
<telerik:EditorTool Name="InsertTable" />
<telerik:EditorTool Name="LinkManager" />
<telerik:EditorTool Name="DocumentManager" />
</telerik:EditorToolGroup>
</Tools>
<DocumentManager ViewPaths="~/AttachmentDocs" UploadPaths="~/AttachmentDocs" DeletePaths="~/AttachmentDocs,~/AttachmentDocs" MaxUploadFileSize="10240000" />
</telerik:RadEditor>

A wiered issue that i am facing is that everyting is working fine on my local and QA environment. But when I upload files to Production it shows files uploaded to Prod and I can also create a link out it and embed it to my editor. When I click on this link from a live website I can access the file. So far so good.

But when I check my Prod folder ("~/AttachmentDocs) where I am uploading the folder is empty! But when I verify the Link it shows the correct path. Why can't I see the files on Prod that I am uploading.

What am I missing here. It works on QA and local.

Editor

answered on 11 Apr 2014

1 answer

99 views

webpart with radupload

Hi everyone...i've created a webpart containing a a mask for file uploads, i've not used RadAsyncUpload because RadUpload is more suitable for my purpose....that's my code:

my .aspx:

<%@ Assembly Name="$SharePoint.Project.AssemblyFullName$" %>
<%@ Assembly Name="Microsoft.Web.CommandUI, Version=14.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" %>
<%@ Assembly Name="Telerik.Web.UI, Version=2014.1.225.35, Culture=neutral, PublicKeyToken=121fae78165ba3d4" %>
<%@ Register Tagprefix="SharePoint" Namespace="Microsoft.SharePoint.WebControls" Assembly="Microsoft.SharePoint, Version=14.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" %>
<%@ Register Tagprefix="Utilities" Namespace="Microsoft.SharePoint.Utilities" Assembly="Microsoft.SharePoint, Version=14.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" %>
<%@ Register Tagprefix="WebPartPages" Namespace="Microsoft.SharePoint.WebPartPages" Assembly="Microsoft.SharePoint, Version=14.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" %>
<%@ Register Tagprefix="asp" Namespace="System.Web.UI" Assembly="System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35" %>
<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI, Version=2014.1.225.35, Culture=neutral, PublicKeyToken=121fae78165ba3d4" %>
<%@ Import Namespace="Microsoft.SharePoint" %>
<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="FileUploadWebPartUserControl.ascx.cs" Inherits="FileUpload.FileUploadWebPart.FileUploadWebPartUserControl" %>

<style type="text/css">

.submitArea
{
padding-top: 20px;
padding-bottom: 20px;
}

</style>
<script type="text/javascript">

function pageLoad() { }

var prm = Sys.WebForms.PageRequestManager.getInstance();
var originalClientSubmit;

if (!originalClientSubmit)
originalClientSubmit = Telerik.Web.UI.RadProgressManager.prototype._clientSubmitHandler;

Telerik.Web.UI.RadProgressManager.prototype._clientSubmitHandler = function (e) {
if (!prm._postBackSettings.async)
originalClientSubmit.apply(this, [e]);
}

</script>
<telerik:RadFormDecorator ID="QsfFromDecorator" runat="server" DecoratedControls="All" EnableRoundedCorners="false" />
<telerik:RadProgressManager ID="Radprogressmanager1" runat="server"></telerik:RadProgressManager>
<table>
<tr>
<td>
<telerik:RadUpload ID="RadUpload1" runat="server"></telerik:RadUpload>
</td>
<td>
<div>
<asp:Repeater ID="repeaterResults" runat="server" Visible="False">
<HeaderTemplate>
<div class="title">File caricati:</div>
<br />
</HeaderTemplate>
<ItemTemplate>
<%#DataBinder.Eval(Container.DataItem, "FileName")%>
<br />
<%#DataBinder.Eval(Container.DataItem, "ContentLength").ToString() + " bytes"%>
<br />
<br />
</ItemTemplate>
</asp:Repeater>
<asp:Label ID="labelNoResults" runat="server" Visible="True">Nessun file caricato</asp:Label>
</div>
</td>
</tr>
</table>
<div class="submitArea">
<asp:Button ID="SubmitButton" runat="server" Text="Upload files" OnClick="SubmitButton_Click"></asp:Button>
</div>
<telerik:RadProgressArea ID="ProgressArea1" EnableAjaxSkinRendering="false" runat="server">
</telerik:RadProgressArea>

my .aspx.cs:

using System;
using System.Collections;
using System.Collections.Generic;
using System.Data;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using Telerik.Web.UI;

namespace FileUpload.FileUploadWebPart
{
public partial class FileUploadWebPartUserControl : UserControl
{

protected override void OnInit(EventArgs e)
{
base.OnInit(e);
ScriptManager scriptManager = ScriptManager.GetCurrent(this.Page);
if (scriptManager == null)
{
scriptManager = new RadScriptManager();
this.Page.Form.Controls.AddAt(0, scriptManager);
}
}

protected override void OnLoad(EventArgs e)
{
string[] allowedFileExtensions = new string[3] { ".xls", ".xlsx", ".xml" };
RadUpload1.AllowedFileExtensions = allowedFileExtensions;
RadUpload1.MaxFileInputsCount = 3 - RadUpload1.UploadedFiles.Count;
RadUpload1.InitialFileInputsCount = 3 - RadUpload1.UploadedFiles.Count;
}

protected void SubmitButton_Click(object sender, EventArgs e)
{
if (RadUpload1.UploadedFiles.Count > 0)
{
repeaterResults.DataSource = RadUpload1.UploadedFiles;
repeaterResults.DataBind();
labelNoResults.Visible = false;
repeaterResults.Visible = true;
}
else
{
labelNoResults.Visible = true;
repeaterResults.Visible = false;
}
}

}
}

I've two little problems i want to ask for help:

1 - on the SubmitButton_Click (Upload Files), i receive a message error that you can see in file attached "Immagine 1"; the file is correctly uploaded as i can see in debug (RadUpload1.UploadedFiles contains the element i've uploaded) but i don't want to see anymore this message error; i've just watched following posts about this matter: http://www.telerik.com/forums/277270-radupload-ajax-callback-error-source-url-returned-invalid-content - http://www.telerik.com/forums/radupload-ajax-callback-erro-source-url-returned-invalid-content but neither help me to solve the problem.

2 - the "Remove" button is not styled correctly as you can see in file attached "Immagine 2", how can i modify its style?

Thanks in advance,

Regards, Carla

AsyncUpload

answered on 11 Apr 2014

1 answer

106 views

multiple orgchart showing only the 2 first

Hi,

we want to place 4 orgchart controls on the same page and only the 2 first appears.
The strange thing is that html tags are here but there is a visibility problem on the div with "rocViewPort" class.

Does anybody has already had this problem ?

Here is our code :

<telerik:RadOrgChart runat="server" ID="RadOrgChart1" GroupColumnCount="1" />

<telerik:RadOrgChart runat="server" ID="RadOrgChart2" GroupColumnCount="1" />

<telerik:RadOrgChart runat="server" ID="RadOrgChart3" GroupColumnCount="1" />

<telerik:RadOrgChart runat="server" ID="RadOrgChart4" GroupColumnCount="2" />

<asp:SqlDataSource id="SqlDataSource1" Runat="server" SelectCommand="SELECT id, idGroupe, nom, prenom, poste FROM INT_OrgEmployes" ConnectionString="<%$ ConnectionStrings:Intranet %>" ProviderName="<%$ ConnectionStrings:Intranet.ProviderName %>" />

<asp:SqlDataSource id="SqlDataSource5" Runat="server" SelectCommand="SELECT id, idParent, nom FROM INT_OrgGroupes WHERE idOrg=1" ConnectionString="<%$ ConnectionStrings:Intranet %>" ProviderName="<%$ ConnectionStrings:Intranet.ProviderName %>" />

<asp:SqlDataSource id="SqlDataSource6" Runat="server" SelectCommand="SELECT id, idParent, nom FROM INT_OrgGroupes WHERE idOrg=2" ConnectionString="<%$ ConnectionStrings:Intranet %>" ProviderName="<%$ ConnectionStrings:Intranet.ProviderName %>" />

<asp:SqlDataSource id="SqlDataSource7" Runat="server" SelectCommand="SELECT id, idParent, nom FROM INT_OrgGroupes WHERE idOrg=3" ConnectionString="<%$ ConnectionStrings:Intranet %>" ProviderName="<%$ ConnectionStrings:Intranet.ProviderName %>" />

<asp:SqlDataSource id="SqlDataSource8" Runat="server" SelectCommand="SELECT id, idParent, nom FROM INT_OrgGroupes WHERE idOrg=4" ConnectionString="<%$ ConnectionStrings:Intranet %>" ProviderName="<%$ ConnectionStrings:Intranet.ProviderName %>" />

ArrayList listOrg = new ArrayList();

listOrg.Add(RadOrgChart1);

listOrg.Add(RadOrgChart2);

listOrg.Add(RadOrgChart3);

listOrg.Add(RadOrgChart4);

foreach (RadOrgChart unOrg in listOrg)

{

unOrg.GroupEnabledBinding.GroupItemBindingSettings.DataFieldID = "id";

unOrg.GroupEnabledBinding.GroupItemBindingSettings.DataFieldNodeID = "idGroupe";

unOrg.GroupEnabledBinding.GroupItemBindingSettings.DataTextField = "nom";

unOrg.RenderedFields.ItemFields.Add(new Telerik.Web.UI.OrgChartRenderedField() { DataField = "poste" });

unOrg.GroupEnabledBinding.GroupItemBindingSettings.DataSource = SqlDataSource1;

}

RadOrgChart1.GroupEnabledBinding.NodeBindingSettings.DataFieldID = "id";

RadOrgChart1.GroupEnabledBinding.NodeBindingSettings.DataFieldParentID = "idParent";

RadOrgChart1.RenderedFields.NodeFields.Add(new Telerik.Web.UI.OrgChartRenderedField() { DataField = "nom" });

RadOrgChart1.GroupEnabledBinding.NodeBindingSettings.DataSource = SqlDataSource5;

RadOrgChart1.DataBind();

RadOrgChart2.GroupEnabledBinding.NodeBindingSettings.DataFieldID = "id";

RadOrgChart2.GroupEnabledBinding.NodeBindingSettings.DataFieldParentID = "idParent";

RadOrgChart2.RenderedFields.NodeFields.Add(new Telerik.Web.UI.OrgChartRenderedField() { DataField = "nom" });

RadOrgChart2.GroupEnabledBinding.NodeBindingSettings.DataSource = SqlDataSource6;

RadOrgChart2.DataBind();

RadOrgChart3.GroupEnabledBinding.NodeBindingSettings.DataFieldID = "id";

RadOrgChart3.GroupEnabledBinding.NodeBindingSettings.DataFieldParentID = "idParent";

RadOrgChart3.RenderedFields.NodeFields.Add(new Telerik.Web.UI.OrgChartRenderedField() { DataField = "nom" });

RadOrgChart3.GroupEnabledBinding.NodeBindingSettings.DataSource = SqlDataSource7;

RadOrgChart3.DataBind();

RadOrgChart4.GroupEnabledBinding.NodeBindingSettings.DataFieldID = "id";

RadOrgChart4.GroupEnabledBinding.NodeBindingSettings.DataFieldParentID = "idParent";

RadOrgChart4.RenderedFields.NodeFields.Add(new Telerik.Web.UI.OrgChartRenderedField() { DataField = "nom" });

RadOrgChart4.GroupEnabledBinding.NodeBindingSettings.DataSource = SqlDataSource8;

RadOrgChart4.DataBind();

OrgChart

answered on 11 Apr 2014

1 answer

59 views

On drag and drop trigger form creating

Hello,

We are using a radscheduler and allow users to drag and drop appointments. This triggers the server side OnAppointmentUpdate method just fine.

Protected Sub RadScheduler1_OnAppointmentUpdate(ByVal sender As Object, ByVal e As AppointmentUpdateEventArgs) Handles RadScheduler1.AppointmentUpdate

We currently update the modified date and move on.
However we now need to display the form we use to add or edit an appointment.

We currently are using the two methods on new or double click edit.
Protected Sub RadScheduler1_FormCreating(ByVal sender As Object, ByVal e As SchedulerFormCreatingEventArgs)
Protected Sub RadScheduler1_FormCreated(ByVal sender As Object, ByVal e As SchedulerFormCreatedEventArgs) Handles RadScheduler1.FormCreated

This ideally would occur server side and we use VB.

From our OnAppointmentUpdate method can I either trigger the FormCreating method or do I need to call an intermediary method first.

Thank you

Scheduler

answered on 11 Apr 2014