Questions on UI for ASP.NET AJAX Forum

1 answer

87 views

ShowContentDuringLoad="false" Clear Skin

Hi,

I'm using the Clear skin throughout but with ShowContentDuringLoad="false" the loading image is not showning.
All OK if I change to a standard skin.
Is there a workaround please?

Cheers,
Jon

Window

answered on 03 Nov 2014

1 answer

88 views

Template mechanism for loading data via web service

Is there any template mechanism available, if the tool tip data is beeing loaded by a web service?

ToolTip

answered on 03 Nov 2014

1 answer

223 views

window.radopen is not working in browsers like IE8+, Chrome, Mozilla etc

Hi All,

Recently we migrated one of our web solution from visual studio 2005 to visual studio 2013. In this conversion we are not upgrading our  DLLs (including RAD and Telerik), DLLs are  having same old versions.

Our target framework is .Net FrameWork 2.0.

Our application is not working properly with RAD controls in browsers like IE8+, Chrome, Mozilla etc.

Mainly we are facing issue with window.radopen.

Instead of showing Pop-Ups, Its throwing error in Browsers.

We have attached Error Image of respective browser:

A. IE 8+: error_IE8+.png

B. Chrome: error_Chrome.png

C. Mozilla: error_Mozilla.png

We are using RadWindow.Net2 of version 1.6.1.0 and using following function to open Popup , the same function and our web solution with same DLLs is working fine in IE 8 and IE7.

function Show(flgURL,windowName)

{

try{

var oWidth=400;

var oHeight=320;

var oWnd = window.radopen(null, windowName );

var sUrl = flgURL;

oWnd.SetSize (oWidth,oHeight);

oWnd.Top= 100;

oWnd.SetStatus(" ");

oWnd.SetUrl(sUrl);

return false;

}catch(err)

{

alert(err);

}

Please suggest us any suitable solution to resolve this issue.

Ajax

answered on 03 Nov 2014

1 answer

170 views

window.radopen is not working in browsers like IE8+, Chrome, Mozilla etc

Hi All,

Recently we migrated one of our web solution from visual studio 2005 to visual studio 2013. In this conversion we are not upgrading our  DLLs (including RAD and Telerik), DLLs are  having same old versions.

Our target framework is .Net FrameWork 2.0.

Our application is not working properly with RAD controls in browsers like IE8+, Chrome, Mozilla etc.

Mainly we are facing issue with window.radopen.

Instead of showing Pop-Ups, Its throwing error in Browsers.

We have attached Error Image of respective browser:

A. IE 8+: error_IE8+.png

B. Chrome: error_Chrome.png

C. Mozilla: error_Mozilla.png

We are using RadWindow.Net2 of version 1.6.1.0 and using following function to open Popup , the same function and our web solution with same DLLs is working fine in IE 8 and IE7.

function Show(flgURL,windowName)

{

try{

var oWidth=400;

var oHeight=320;

var oWnd = window.radopen(null, windowName );

var sUrl = flgURL;

oWnd.SetSize (oWidth,oHeight);

oWnd.Top= 100;

oWnd.SetStatus(" ");

oWnd.SetUrl(sUrl);

return false;

}catch(err)

{

alert(err);

}

Please suggest us any suitable solution to resolve this issue.

General Discussions

answered on 03 Nov 2014

14 answers

524 views

Icon Override?

Is there any way to override the icon displayed for a file? I'm using a custom file browser provider which works fine, but the files aren't really files, they're items in my database, and their names have no file extension, and I don't want to add one just to get an icon to appear. How would I display my own icon for files?

FileExplorer

answered on 03 Nov 2014

10 answers

384 views

How to print a radgrid efficiently

I have a radgrid with about 18 columns, I've tried the basic code on this site that rips out all the html data and simply prints it, but it doesn't work well as in portrait, columns are cut off, and landscape fares only slightly better.

What would be the more efficient way to print out the radgrid (Ideally so it automatically formats the printout to fit all the data without cutting data out).?

Thanks in advance for your time.

Grid

answered on 03 Nov 2014

1 answer

348 views

Defining Max height/width of Chart

We currently have a "window" that we would like to display our charts in and can't seem to get the chart to fit nicely in it (as depicted in image).

Window is 400 px x 400 px; there seems to be additional padding around the chart? Would like to remove the scrollbars. Any suggestions?

<div style="width: 98%; margin: 0 auto; overflow: auto; border: 1px solid green;">

<div id="slide_00" class="slide" style="border: 1px solid red; height: 250px; width: 350px;">

<telerik:RadHtmlChart runat="server" Width="350px" Height="225px" ID="RadHtmlChart1"

DataSourceID="SqlDataSource1">

<PlotArea>

<Series>

<telerik:ColumnSeries DataFieldY="NumOfMembers">

<TooltipsAppearance Color="White" />

</telerik:ColumnSeries>

</Series>

<XAxis DataLabelsField="MemberType">

<TitleAppearance Text="Member Types">

<TextStyle Margin="5" />

</TitleAppearance>

<MajorGridLines Visible="false" />

<MinorGridLines Visible="false" />

</XAxis>

<YAxis>

<TitleAppearance Text="Active Members">

<TextStyle Margin="5" />

</TitleAppearance>

<MinorGridLines Visible="false" />

</YAxis>

</PlotArea>

<ChartTitle Text="# of Active ASI Credit Unions">

</ChartTitle>

</telerik:RadHtmlChart>

</div>

<div id="slide_01" class="slide" style="border: 1px solid red; height: 250px; width: 350px;"">

<telerik:RadHtmlChart runat="server" Width="350px" Height="225px" ID="RadHtmlChart2"

DataSourceID="SqlDataSource2">

<PlotArea>

<Series>

<telerik:ColumnSeries DataFieldY="TotCount">

<TooltipsAppearance Color="White" />

</telerik:ColumnSeries>

</Series>

<XAxis DataLabelsField="Coverage">

<TitleAppearance Text="Member Types">

<TextStyle Margin="5" />

</TitleAppearance>

<MajorGridLines Visible="false" />

<MinorGridLines Visible="false" />

</XAxis>

<YAxis>

<TitleAppearance Text="# of Financials">

<TextStyle Margin="5" />

</TitleAppearance>

<MinorGridLines Visible="false" />

</YAxis>

</PlotArea>

<ChartTitle Text="Recent Qtr Financial Statements">

</ChartTitle>

</telerik:RadHtmlChart>

</div>

<telerik:RadSlider ID="RadSlider1" runat="server" TrackPosition="TopLeft" Value="0"

ItemType="Item" Skin="Black" Width="350px" Height="40px" OnClientValueChanged="UpdateVisibleSlide"

OnClientLoad="UpdateVisibleSlide">

<Items>

<telerik:RadSliderItem Text="# of Active ASI Credit Unions"></telerik:RadSliderItem>

<telerik:RadSliderItem Text="# of Financial Statements"></telerik:RadSliderItem>

</Items>

</telerik:RadSlider>

</div>

Chart (HTML5)

answered on 03 Nov 2014

3 answers

213 views

How to re-size chart after containing panel is expanded.

I have a Telerik RadHtmlChart inside an asp Panel which uses an ajaxtoolkit CollapsiblePanelExtender.

If the panel is collapsed when I assign a datasource to the chart and databind, after the panel expands the chart only fills 1/2 the panel size, left to right. If I have the panel expanded and the chart visible during the databind, it fills the panel all the way across as expected.

Somehow I need to know when the panel has expanded and tell the chart to resize/repaint and fill the available space in the panel, but so far no joy doing this.Or maybe there is a flag/property on my controls I've missed which would help the chart fill the available space even when the panel is expanded.

I would prefer to work in the C# code behind, but javascript/jquery solutions are also appreciated.Thanks,

Chart (HTML5)

answered on 03 Nov 2014

6 answers

259 views

AJAX Panel Not Working

I'm trying to prevent page refreshes on a page with a single grid so I've tried to implement the Ajax Manager, the Ajax Panel and the Ajax Loading Panel. However, it is not working as I'd expect (or how the demo's work).

The code I have is as follows:

<telerik:RadAjaxManager runat="server" ID="radAjaxManager" EnableAJAX="True">

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="radInspection">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="radInspection" LoadingPanelID="radlpInspection"/>

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

<telerik:RadAjaxLoadingPanel runat="server" ID="radlpInspection"></telerik:RadAjaxLoadingPanel>

<telerik:RadAjaxPanel runat="server" ID="radpnlInspection" LoadingPanelID="radlpInspection" EnableAJAX="True">

<telerik:RadGrid runat="server" ID="radInspection" AllowPaging="True" AllowSorting="True" ShowHeader="True" GridLines="None" CellPadding="0" CellSpacing="0"

PageSize="20" AllowFilteringByColumn="True" OnNeedDataSource="radInspection_OnNeedDataSource" OnItemCommand="radInspection_OnItemCommand">

<ClientSettings AllowColumnsReorder="False" EnableRowHoverStyle="True" EnablePostBackOnRowClick="True">

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

<Scrolling UseStaticHeaders="True"></Scrolling>

</ClientSettings>

<MasterTableView DataKeyNames="inspection_id" AutoGenerateColumns="False" AllowMultiColumnSorting="True" EnableHeaderContextMenu="True"

AllowFilteringByColumn="True" CommandItemDisplay="TopAndBottom" Height="100%">

<NoRecordsTemplate>No inspections.</NoRecordsTemplate>

<CommandItemSettings ShowAddNewRecordButton="False" ShowCancelChangesButton="False" ShowSaveChangesButton="False" ShowRefreshButton="True"></CommandItemSettings>

<Columns>

<telerik:GridBoundColumn DataField="inspection_id" HeaderText="ID" AllowFiltering="False">

<HeaderStyle Width="1%" VerticalAlign="Top" HorizontalAlign="Right"></HeaderStyle>

<ItemStyle Width="1%" VerticalAlign="Top" HorizontalAlign="Right"></ItemStyle>

</telerik:GridBoundColumn>

<telerik:GridDateTimeColumn DataField="inspection_datetime" HeaderText="Inspection Date" EnableTimeIndependentFiltering="True"

PickerType="DateTimePicker" DataFormatString="{0:MM/dd/yyyy HH:mm}" FilterControlWidth="85%">

<ItemStyle Width="5%" VerticalAlign="Top" HorizontalAlign="Left"></ItemStyle>