Questions on UI for ASP.NET AJAX Forum

8 answers

206 views

Make a Expand/Collapse button for a RadFileExplorer ?

I try to make a button in order to collapse all nodes of a radFileExplorer.

        function CollapseAll(explorer, b) {
            var nodes = explorer.get_nodes();

            for (var i = 0; i < nodes.get_count(); i++) {
                if (nodes.getNode(i).get_expanded()) {
                    nodes.getNode(i).collapse();
                }
            }
        }

Of course, it doesn't work. How can I access to radFileExplorer items and collapse them ?

Thank you,
Julie

FileExplorer

answered on 24 Jun 2013

1 answer

113 views

FormDecorator not decorating radcontrols

Hi,
when using radcontrols for asp.net ajax version 2013.2.611.35, when using formdecorator, it decorate asp controls only, rad controls are not decorating with the skin specified in the formdecorator.

it works fine for telerik rad controls version 2012.1.215.35.

how can I fix this issue?

with regards
Jiju

FormDecorator

answered on 24 Jun 2013

1 answer

73 views

Editor inserts h2 tag instead of line break

Hello,

I have the following scenario:
1. configure editor to use br as a line breaks
2. insert mark up into editor

<h2>text</h2>

<span>111</span>

<h2>text2</h2>

<span>111</span>

3.in design mode set cursor before the "text2" and press enter to add an empty line
4. switch to html mode - you get the following mark up

<h2>text</h2>

<span>111</span>

<h2></h2>

<h2>text</h2>

<span>111</span>

an extra h2 tag is added instead of br. How this can be fixed?

Editor

answered on 24 Jun 2013

1 answer

179 views

Resize on Client

Hello:

With the regular RadGrid, I have been able to resize it on the client dynamically using the following pseudo-code:

grid.get_element().style.height = "300px";
grid.repaint();

Is there any way to do something similar on the client with RadPivotGrid?  I use this code to dynamically size
the grid to the browser window and would like to be able to do something similar with the PivotGrid.
I also use a similar technique to resize the ReportViewer in Telerik Reporting.

Thanks,
Chris

PivotGrid

answered on 24 Jun 2013

3 answers

216 views

asyncupload args.get_row is not a function

I've try to replicate the following example:
http://demos.telerik.com/aspnet-ajax/upload/examples/async/additionalfields/defaultvb.aspx?product=asyncupload
but when I click on the select button and after choose a file I've a javascript error.
I have the same identical page. Only difference is the name of the file and I remove the "qsf" tag
"args.get_row is not a function"

The problem seems to be in the following

<script type="text/javascript">

var $ = $telerik.$;

function onClientFileUploaded(radAsyncUpload, args) {

var $row = $(args.get_row());

var inputName = radAsyncUpload.getAdditionalFieldID("TextBox");

var inputType = "text";

var inputID = inputName;

var input = createInput(inputType, inputID, inputName);

var label = createLabel(inputID);

$row.append("<br/>")

$row.append(label);

$row.append(input);

}

function createInput(inputType, inputID, inputName) {

var input = '<input type="' + inputType + '" id="' + inputID + '" name="' + inputName + '" />';

return input;

}

function createLabel(forArrt) {

var label = '<label for=' + forArrt + '>File info: </label>';

return label;

}

</script>

in particular, it seems that the objects radAsyncUpload, args have no function inside

How to solve this problem?

Thanks

AsyncUpload

answered on 24 Jun 2013

2 answers

114 views

Implement Recurrence functionality

Hi,

I am using Radscheduler with WCF(View-Model binding).

I want to implement custom recurrence functionality.
-- Delete single recurrence appointment.
--update single recurrence appointment.

I want to confirm from your side .

Please update.

Scheduler

answered on 24 Jun 2013

1 answer

89 views

HTMLChart Control Drill Down Scenario Not Working Inside User Control

Hello,

I am working on developing a Visual Web Part for SharePoint 2010, which creates a custom user control and deploys it to SharePoint. My scenario is almost identical to the scenario at:

http://demos.telerik.com/aspnet-ajax/htmlchart/examples/drilldownchart/defaultcs.aspx

My code is working great as a standalone website, but when I deploy as a custom user control and webpart, I get this error when I try to click on a chart series for a drill down:

Uncaught Sys.InvalidOperationException: Sys.InvalidOperationException: Could not find UpdatePanel with ID 'ctl00_m_g_cc567be1_ebdc_434d_9f34_8b649e4824a6_ctl00_ctl00_m_g_cc567be1_ebdc_434d_9f34_8b649e4824a6_ctl00_RadHtmlChart1Panel'. If it is being updated dynamically then it must be inside another UpdatePanel. ScriptResource.axd:5
1. Error.createScriptResource.axd:5
2. Error.invalidOperationScriptResource.axd:5
3. Sys.WebForms.PageRequestManager._onFormSubmitCompletedScriptResource.axd:5
4. (anonymous function)ScriptResource.axd:5
5. (anonymous function)ScriptResource.axd:5
6. Sys.Net.WebRequest.completedScriptResource.axd:5
7. _onReadyStateChange

Based on my research, this error seems to be related to the way my RadAjaxManager works. My guess is that there must be some conflict with the SharePoint environment and how it controls webparts. If I had to guess, I would say that SharePoint is creating some kind of an ajax update container around the entire web part, and then my RadAjaxManager is creating another one, which is giving me this nested update panel error.

Here is the relevant code:

<telerik:RadButton runat="server" Icon-PrimaryIconUrl="/_layouts/images/back.gif" ID="Refresh"

Text="Restore Original Chart" OnClick="Refresh_Click">

</telerik:RadButton>

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

<script type="text/javascript">

function pageLoad(sender, eventArgs) {

if (!eventArgs.get_isPartialLoad()) {

//$find("<%--RadAjaxManager.GetCurrent(this).ClientID --%>").ajaxRequest("InitialPageLoad");

}

function OnClientSeriesClicked(sender, args) {

//console.log(args.get_category());

if (args.get_seriesName() != "seriesPlanMemberCount") $find("<%= RadAjaxManager1.ClientID %>").ajaxRequest(args.get_category());

}

</script>

</telerik:RadCodeBlock>

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

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="RadAjaxManager1">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="RadHtmlChart1" LoadingPanelID="LoadingPanel1">

</telerik:AjaxUpdatedControl>

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="Refresh">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="RadHtmlChart1" LoadingPanelID="LoadingPanel1">

</telerik:AjaxUpdatedControl>

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

<telerik:RadHtmlChart ID="RadHtmlChart1" Skin="Sitefinity" DataSourceID="SqlDataSource1" runat="server" Height="600px"

Width="600px" OnClientSeriesClicked="OnClientSeriesClicked">

<ChartTitle Text="OCERS Members By Employer">

<Appearance Align="Center" BackgroundColor="White" Position="Top">

</Appearance>

</ChartTitle>

<PlotArea>

<Series>

<telerik:ColumnSeries DataFieldY="MEMBERCOUNT" Name="seriesMemberCount">

</telerik:ColumnSeries>

</Series>

<XAxis DataLabelsField="EMPLOYER_NAME">

<LabelsAppearance Visible="true" RotationAngle="90">

</LabelsAppearance>

<MinorGridLines Visible="false" />

</XAxis>

<YAxis>

<LabelsAppearance DataFormatString="{0}" Visible="true">

</LabelsAppearance>

<MinorGridLines Visible="false" />

</YAxis>

</PlotArea>

<Legend>

<Appearance Visible="false">

</Appearance>

</Legend>

</telerik:RadHtmlChart>

and in the code behind:

protected void RadAjaxManager1_AjaxRequest(object sender, AjaxRequestEventArgs e)

{

if (e.Argument == "InitialPageLoad")

{

Refresh_Click(sender, e);

}

else

{

if (RadHtmlChart1.PlotArea.Series[0].Name == "seriesMemberCount")

{

SqlDataSource2.SelectParameters[0].DefaultValue = e.Argument;

RadHtmlChart1.PlotArea.XAxis.DataLabelsField = "PLAN_NAME";

RadHtmlChart1.PlotArea.Series[0].DataFieldY = "MEMBERCOUNT";

RadHtmlChart1.PlotArea.Series[0].Name = "seriesPlanMemberCount";

RadHtmlChart1.Skin = "Office2010Blue";

RadHtmlChart1.ChartTitle.Text = e.Argument + " Plan Members By Plan Type";

RadHtmlChart1.DataSourceID = "SqlDataSource2";

//Refresh.Visible = true;

}

Chart (HTML5)

answered on 24 Jun 2013

9 answers

133 views

design issue in rtl

hi
i am using the gird with fixed header in rtl mode

in ie9 its ok
in chrome the header is not aligned with the data column

i attached 2 images - chrome and ie

how can i fix this

thanks

Grid

answered on 24 Jun 2013

1 answer

65 views

RadAjaxManager question

I used the following code to avoid postback of my button(btnS), and it works. When we click on the button, a radwindow which contains a repeater repR will show up:

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" EnableAJAX="True">
<AjaxSettings>
<telerik:AjaxSetting AjaxControlID="btnS">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="repR" />
</UpdatedControls>
</telerik:AjaxSetting>
</AjaxSettings>
</telerik:RadAjaxManager>

However, if I have another button (btnW) which is within a repeater, and I used the following code. it didn't work. If i click on the button btnW, a radwindow which contains a repeater repV will show up, but still cause postback.

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" EnableAJAX="True">
<AjaxSettings>
<telerik:AjaxSetting AjaxControlID="btnS">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="repR" />
</UpdatedControls>
</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="btnW">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="repV" />
</UpdatedControls>
</telerik:AjaxSetting>
</AjaxSettings>

</telerik:RadAjaxManager>

Can anybody tell me how i can avoid the postback in this case?

Thanks

Ajax

answered on 24 Jun 2013

3 answers

153 views

RadCaptcha audio - When click tries to download

Hey there

I am using RadCaptcha and my implementation is like that ;

<telerik:RadCaptcha ID="RadCaptcha1" runat="server" ErrorMessage="Wrong code "

ValidatedTextBoxID="txtCode" EnableRefreshImage="true" CaptchaLinkButtonText="Show again" CaptchaImage-TextChars="Numbers" CaptchaAudioLinkButtonText="Listen security code ">

<CaptchaImage BackgroundColor="White" UseAudioFiles="True" AudioFilesPath="~/App_Data/RadCaptcha" TextColor="Black" RenderImageOnly="True" EnableCaptchaAudio="True"></CaptchaImage>

</telerik:RadCaptcha>

When i click to the play audio button , page doesnt play and shows me a download option named like ;

RadCaptcha_Audio_10773f58.wav when i open that file its correctly reading the numbers .

All i want to do is play it automatically inside of the site

Captcha

answered on 24 Jun 2013