Questions on UI for ASP.NET AJAX Forum

3 answers

136 views

The text states that the incorrect word is highlighted in yellow, but it is highlighted in blue (see attached). How can I change either the wording or highlighting so they match. Thanks.

Spell

answered on 19 Jun 2014

3 answers

166 views

Slow Response in Chrome

This is the skeleton of a template we have to use. In Firefox and IE it's not causing any problems. But there is major slowdown when it's in Chrome. Outside of the editor as it's own html file it has no problems. Just when it's in the Telerik Editor

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

</head>

<body>

<table width="600" cellspacing="0" cellpadding="0" border="0" align="center">

<tbody>

<tr>

<td>

<table width="100%" cellspacing="0" cellpadding="0" border="0">

<tbody>

<tr>

<td>

<table width="100%" cellspacing="0" cellpadding="0" border="0">

<tbody>

<tr>

<td valign="top">

<table width="100%" cellspacing="0" cellpadding="0" border="0">

<tbody>

<tr>

<td valign="top">

<table width="100%" cellspacing="0" cellpadding="0" border="0">

<tbody>

<tr>

<td valign="top" style="background-color: #616265;">

</td>

</tr>

<tr>

<td>

<table width="100%" cellspacing="20" cellpadding="0" border="0">

<tbody>

<tr>

<td>

<table width="100%" cellspacing="0" cellpadding="0" border="0">

<tbody>

</tbody>

</table>

</td>

</tr>

</tbody>

</table>

</td>

</tr>

<tr>

<td style="background-color: #616265;">

<table width="100%" cellspacing="20" cellpadding="0" border="0">

<tbody>

<tr>

<td>

<table width="100%" cellspacing="0" cellpadding="0" border="0">

</table>

</td>

</tr>

</tbody>

</table>

</td>

</tr>

<tr>

<td style="width: 556px; background-color: #bdbdbd;"><br />

</td>

</tr>

</tbody>

</table>

</td>

</tr>

</tbody>

</table>

</td>

<td style="width: 22px; background-color: #bdbdbd;"><br />

</td>

</tr>

</tbody>

</table>

</td>

</tr>

</tbody>

</table>

</td>

</tr>

</tbody>

</table>

<br />

</body>

</html>

Editor

answered on 19 Jun 2014

1 answer

84 views

IE Ajax error after few hours.

Hello,
I've set a Timer that refresh my RadGrid every 10 seconds. RadGrid is added to RadAjaxManager list. It all works well on start. Unfortunately after few hours (approx. 5h) RadGrid on IE is not refreshing anymore. I get errors from JS console (attached). Another time IE gave me a 80020101 error as well.

I have to add that on Google Chrome everything is running nicely even for more than 24 hours.

Can you give some clue to resolve that problem?

Ajax

answered on 19 Jun 2014

2 answers

209 views

[Solved] Is it possible to add a RadProgressArea column inside a RadGrid?

Hi there,

Is it possible to add a RadProgressArea column inside a RadGrid? I want to show the progress dynamically calculated from the backend for each row of the grid. Cannot find any example showing this feature. Any help is much appreciated. Thanks in advance.

Regards,
Meng

Grid

answered on 19 Jun 2014

3 answers

270 views

RadTreeView - Get Width

Hi All,

I have this function in C# that I use in windows forms which allws me to get the width of the treeview:

private static int GetNodeBounds(TreeNodeCollection nodes)
{
int w = 0;
foreach (TreeNode node in nodes)
{
w = Math.Max(w, node.Bounds.Right);
if (node.Nodes.Count > 0)
w = Math.Max(w, GetNodeBounds(node.Nodes));
}
return w;
}

I'm looking for something similiar in javascript. Essentially what I'm trying to do is find the width of the tree view based on the displayed nodes so that I can resize the splitter.

Any suggestions?

function ClientNodeExpand(sender, eventArgs) {

}

<telerik:RadPageView runat="server" ID="tabBMR" Width="100%">
<telerik:RadSplitter runat="server" ID="splitter" Orientation="Vertical" Width="100%">
<telerik:RadPane runat="server" ID="RadPane1" Style="text-align: center; width: auto !important">
<div style="font-size: 2EM; text-align: center">
Step 1</div>
<telerik:RadTreeView runat="server" ID="tvNodes" Height="90%" OnClientNodeExpanded="ClientNodeExpand"
CheckChildNodes="True" CheckBoxes="True">
</telerik:RadTreeView>
<div style="text-align: center">
<br />
<asp:Button ID="Button1" runat="server" Text="Add Item(s)" />
</div>
</telerik:RadPane>
<telerik:RadSplitBar ID="Radsplitbar3" runat="server">
</telerik:RadSplitBar>
<telerik:RadPane runat='server' ID="RadPane2" Width="74%">
Test 2
</telerik:RadPane>
</telerik:RadPageView>

TreeView

answered on 19 Jun 2014

6 answers

228 views

[Solved] Creating [Tooltip]+[Export button] in Hierarchy Radgrid.

Hello.

I'm new in this forum, and i hope someone can help me...

_______

My issue is:

(1)-I made a dynamic hierarchy radgrid: one main table [filled dinamically by one dataset ], second table [filled dinamically with other dataset], third table [filled dinamically with dataset], and the fourth the same as the others.

I want to add a new "column", in this grid and reflect it in the other hierarchy sub tables filled by those datasets, and this column having a button or something to export that "select" dataset.

NOTE: My dataset is sended by WCF via Stored procedure made with SQL 2008.

(2).- In these hierarchy radgrid, i want to put inside a Tooltip filled with other Tsql consult (stored procedure), maybe sended as a list <t>, and if someone make click in one row the tooltip make a consult into my database and show me a name for example. All of this using WCF (Windows Communication Foundation)..

I hope, someone can help me....

The column exporting is what i want to solve first....

Have a nice day.

Grid

answered on 19 Jun 2014

1 answer

84 views

Virtual Folder Issue

Hello,

I am using Image Manager in RadEditor, But I want to show only my last folder Name in virtual path.
Suppose I have an Image in a location: store/mylocation/image/file.gif.
Virtual path is showing my location just like :store/mylocation/image. but I want to show only '/image' in virtual path.

How it possible?

Editor

answered on 19 Jun 2014

1 answer

153 views

How can I have a custom toolbar button execute server-side code?

When the user clicks this button on the toolbar, I want to trigger some server side code which will convert from "HTML scripting" to "VB scripting" in our system. (Neither of those things is exactly what you think it is. ) I have created the toolbar button:

Private Sub formatFieldScriptingHtml(ByRef re As RadEditor, ByVal textdir As eDocLibrary.eDocFieldInfo.textDirection)

re.ToolsFile = "~/include/FieldScriptingToolsFile.xml"

're.DisableFilter(EditorFilters.IndentHTMLContent)

re.ContentFilters = EditorFilters.None

'This button needs to be added in codebehind, because it gets localized button text

'The other buttons are standard toolbar buttons that get localized by Telerik

Dim toVB = New Telerik.Web.UI.EditorTool

toVB.Name = "toVB"

toVB.Text = Resources.Main.ConvertToVbButtonText '"Convert to VB", localized

toVB.ShowIcon = False

toVB.ShowText = True

re.Tools(0).Tools.Add(toVB)

' ... omitted code

End Sub

And I've put this in a RadScriptBlock, though I'm not sure it's working:

<telerik:RadScriptBlock>

<script>

Telerik.Web.UI.Editor.CommandList["toVB"] = function (commandName, editor, args) {

var ajaxManager = $find("<%= AjaxManager.ClientID%>");

ajaxManager.ajaxRequest("toVB");

}

</script>

</telerik:RadScriptBlock>

Will this look for a server side function called "toVB"? Or what exactly do I have to do?

Editor

answered on 19 Jun 2014

2 answers

195 views

JavaScipt error with Media Player

RadMediaPlayer JavaScript error.

I get the following error when attempting to start (by cliking on the media player) a video. Can anyone help me to resolve this?

Unhandled exception at line 2779, column 33 in http://localhost:59591/Telerik.Web.UI.WebResource.axd?_TSM_HiddenField_=RadScriptManager1_TSM&compress=1&_TSM_CombinedScripts_=;;System.Web.Extensions,+Version=4.0.0.0,+Culture=neutral,+PublicKeyToken=31bf3856ad364e35:en-US:fa6755fd-da1a-49d3-9eb4-1e473e780ecd:ea597d4b:b25378d2;Telerik.Web.UI:en-US:ad3df475-29ac-40bb-8405-97ab474c3782:16e4e7cd:f7645509:22a6274a:ed16cbdc:24ee1bba:c128760b:6ec8ee1b:874f8ea2:88144a7a:1e771326:f9b9258:fd9da3ae

0x800a01b6 - JavaScript runtime error: Object doesn't support property or method 'PlayMedia'

The specific line of javascript that the error is complaining about is c.media.PlayMedia();

01.<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="Default" %>

02.

03.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

04.

05.<html xmlns="http://www.w3.org/1999/xhtml">

06.<head runat="server">

07. <title></title>

08. <telerik:RadStyleSheetManager ID="RadStyleSheetManager1" runat="server" />

09. <meta name="viewport" content="width=device-width" />

10. <style type="text/css">

11. @media (min-width: 768px) {

12. .MediaPlayer {

13. height: 200px;

14. }

15. }

16.

17. /* Medium devices (desktops, 992px and up) */

18. @media (min-width: @992px) {

19. .MediaPlayer {

20. height: 400px;

21. }

22. }

23.

24. /* Large devices (large desktops, 1200px and up) */

25. @media (min-width: 1200px) {

26. .MediaPlayer {

27. height: 800px;

28. }

29. }

30.

31.

32. </style>

33.</head>

34.<body>

35. <form id="form1" runat="server">

36. <telerik:RadScriptManager ID="RadScriptManager1" runat="server">

37. <Scripts>

38. <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js" />

39. <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js" />

40. <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryInclude.js" />

41. </Scripts>

42. </telerik:RadScriptManager>

43. <script type="text/javascript">

44.

45. </script>

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

47. </telerik:RadAjaxManager>

48. <div>

49. <telerik:RadMediaPlayer

50. runat="server"

51. RenderMode="Lightweight"

52. CssClass="MediaPlayer"

53. ID="player"

54. Title="Demo of Rad Media Player"

55. AutoPlay="True"

56. Source="~/App_Data/Video/Helicopter_DivXHT_ASP.divx"

57. HDActive="True">

58. <TitleBar>

59. <ShareButton Visible="False"></ShareButton>

60. </TitleBar>

61. </telerik:RadMediaPlayer>

62. </div>

63. </form>

64.</body>

65.</html>

MediaPlayer

answered on 19 Jun 2014

2 answers

354 views

Expand specific GridTableView item on Page Load

Hello,

I have the following code:

<telerik:RadGrid ID="rgProcessos" runat="server" ShowStatusBar="true" ShowFooter="false" CssClass="RadGrid"

AutoGenerateColumns="false" AllowSorting="true" AllowMultiRowSelection="false"

AllowPaging="true" OnDetailTableDataBind="rgProcessos_DetailTableDataBind"

OnNeedDataSource="rgProcessos_NeedDataSource" OnItemCommand="rgProcessos_ItemCommand"

OnItemCreated="rgProcessos_ItemCreated" OnColumnCreated="rgProcessos_ColumnCreated"

AllowFilteringByColumn="true"

PageSize="100">

<PagerStyle Mode="NextPrevAndNumeric" AlwaysVisible="true" Position="Bottom" PagerTextFormat="páginas: {4} | página {0} de {1}, registo {2} a {3} de {5}" />

<MasterTableView DataKeyNames="PRC_Cod, Alerta" Name="Processos">

<DetailTables>

<telerik:GridTableView DataKeyNames="ADI_Cod" Name="Aditamentos" Width="100%" ShowFooter="false" AllowFilteringByColumn="false" AllowPaging="false">

<DetailTables>

<telerik:GridTableView Name="Documentos" Width="100%" AllowFilteringByColumn="false" AllowPaging="false">

<Columns>

<telerik:GridBoundColumn HeaderText="Nr Ordem" ItemStyle-HorizontalAlign="Center" HeaderStyle-HorizontalAlign="Center" DataField="DDD_Num_Ordem" />

<telerik:GridBoundColumn HeaderText="Nr Documento" ItemStyle-HorizontalAlign="Center" HeaderStyle-HorizontalAlign="Center" DataField="DDD_Num_Doc" />

<telerik:GridBoundColumn HeaderText="Data" DataFormatString="{0:dd/MM/yyyy}" ItemStyle-HorizontalAlign="Center" HeaderStyle-HorizontalAlign="Center" DataField="DDD_Data" />

<telerik:GridBoundColumn HeaderText="Estado" ItemStyle-HorizontalAlign="Left" HeaderStyle-HorizontalAlign="Left" DataField="EST_Designacao" />

I want to do what the title says :) So, on page load (automatically) i want to expand one or more items of the GridTableView's. Appreciate any help.
Thanks,
Mário

Grid

answered on 19 Jun 2014