Questions on UI for ASP.NET AJAX Forum

5 answers

177 views

Full page postback with Ajaxified RadControl for the first time click only.

Hi Telerik Team,

I have used the example mentioned on the link in the Telerik Documentation (http://www.telerik.com/help/aspnet-ajax/create-ajax-enabled-sharepoint-webpart-radcontrols.html) in my asp.net webpat for a SharePoint site.

The issue is that on the first click of the RadTreeView node, full page postback occurs. On further clicks it actually works fine.
Please let me know a solution asap.

With Regards,
Shikha

Sharepoint Integration

answered on 14 Oct 2010

1 answer

239 views

Auto-Collapse & Folder Visibility for the selected folder

Hi,

I am working on a web application using Telerik FileExplorer with custom implementation as explained here, as I had to point the application to physical and Shared paths for browsing a set of folders from A-Z , which includes numerous sub-folders and files (refer attached Screenshot1.JPG). Each folder holds the subfolders starting with the Root folder name (A-Z)… for e.g. Folder A contains subfolders AGGH, AJJJ,AYYY etc Folder B contains subfolders BSSS,BHHHE,BYUU etc. Following is the tree view structure:

Root

--- Folder A

---Sub Folder AGGH

---Sub Folder AJJJ

---Sub Folder AYYY

--- Folder B

---Sub Folder BSSS

---Sub Folder BHHHE

---Sub Folder BYUU

I also have a lookup text box to search for a sub folder (e.g. AGGH,BYUU etc) and based on the input in the textbox, the Sub folder would be auto-selected. My requirements are:

whenever I do a search it should collapse all the sub-folders and folders which was expanded on a previous search (if any). i.e. The only sub-folder that would be expanded would be the one I’ve searched.

As there are numerous sub-folders in each folder, while expanding the sub-folder through search, I need to scroll all the way down to see the folder selected. Is there a way to make the currently selected Folder visible? (Please refer the attached screenshots. Currently when I search for ZUKAN which is under folder Z, I see the screen as in Screenshot2.JPG.. I would like to see it as in Screenshot3.JPG).

Thanks for your quick response.

-Vineeth

FileExplorer

answered on 14 Oct 2010

1 answer

130 views

How to get week start date and end dates

Hi,
How to to get weekly view start date and end date when switching monthly view to weekly view with
"radMyScheduler_NavigationCommand" event.

Thanking you
Shashi

Scheduler

answered on 14 Oct 2010

1 answer

67 views

RadComboBox Multicolumn with WCF???

Is there anyway to have a multicolumn RadComboBox while using WCF to fetch the data?

ComboBox

answered on 14 Oct 2010

3 answers

173 views

RadGrid With Hierarchy Client Side

I am testing a hierarchical radgrid. I allow the user to expand a row which displays the detail table. Then the user has the option to add, update or delete records in the detail table. For the add and update I use a popup form. In the popup form I have a column the user enters that is a checkboxcolumn. If the user checks the box then I want to make the rest of the columns in the form set so the user cannot enter any information. If the user does not check the box, then they continue on entering the rest of the information. Obviously this requires javascript. I have used this before in a single level radgrid. However, I do not know how to use javascript to access this checkbox that is nested inside of a detail table. To avoid posting a great deal of code, here's a basic outline of what I have including examples of the checkbox field and a subsequent numeric entry that may or may not be needed. How do I perform a $find in javascript on the "Test1" checkbox? Thanks...

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

<script type="text/javascript">

</script>

</telerik:RadCodeBlock>

RadGrid ID=”RadGrid1”

MasterTableView

DetailTables

GridTableView EditMode=”Popup”

EditFormSettings

Columns

FormTemplate

Formview

<telerik:GridCheckBoxColumn DataField="TestTitle"

HeaderText="Title?"

UniqueName="Test1">

</telerik:GridCheckBoxColumn>

<telerik:GridNumericColumn DataField="TestNbr"

HeaderText="Number"

UniqueName="Test2"

</telerik:GridNumericColumn>

Grid

answered on 14 Oct 2010

1 answer

61 views

Error: 'Telerik' is undefined

Hi,

i am getting this error when i try to access RadMaskedeTextbox.
i have implemnted custom property called "MaskeType" for RadMaskedeTextbox

public enum MaskTypeSet { Numbers, Letters, Custom, None }

public MaskTypeSet MaskType

{

get

{

object val = ViewState["MaskType"];

if (val == null)

return MaskTypeSet.None;

return (MaskTypeSet)val;

}

set

{

ViewState[

"MaskType"] = value;

}

}

If i set MaskType other than 'none' it is throughing this error.
PFA
Please help

Input

answered on 14 Oct 2010

1 answer

119 views

Filter not working

Hello,
Filtering in a grid is not working for me. Possibly i'm missing a script, but when i filter, the page returns a blank grid. Here is my .aspx code:

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

<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>

<!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 runat="server">

<title></title>

</head>

<body>

<form runat="server" id="mainForm" method="post">

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

<Scripts>

<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" />

</Scripts>

</telerik:RadScriptManager>

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

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="RadGrid1">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="RadGrid1" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

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

<script type="text/javascript">

function showFilterItem() {

$find('<%=RadGrid1.ClientID %>').get_masterTableView().showFilterItem();

}

function hideFilterItem() {

$find('<%=RadGrid1.ClientID %>').get_masterTableView().hideFilterItem();

}

</script>

</telerik:RadCodeBlock>

<telerik:RadGrid

ID="RadGrid1"

OnSortCommand="RadGrid1_SortCommand"

OnPageIndexChanged="RadGrid1_PageIndexChanged"

Width="97%"

OnPageSizeChanged="RadGrid1_PageSizeChanged"

AllowFilteringByColumn="true"

AllowSorting="True"

PageSize="100"

AllowPaging="True"

AllowMultiRowSelection="True"

runat="server"

Height="700"

Gridlines="None">

<MasterTableView Width="100%" Summary="RadGrid table" />

<ClientSettings>

<Scrolling AllowScroll="True" UseStaticHeaders="True" SaveScrollPosition="True" FrozenColumnsCount="1">

</Scrolling>

</ClientSettings>

<PagerStyle Mode="NextPrevAndNumeric" />

</telerik:RadGrid>

</form>

</body>

</html>

Help would be greatly appreciated!
Thanks
Pete

Grid

answered on 14 Oct 2010

4 answers

140 views

setting scrolling properties on client side

I have a tabstrip that I add tabs on the client side dynamically.

<telerik:RadTabStrip ID="RadTabStrip1" ScrollChildren="true" ScrollButtonsPosition="Right" Orientation="HorizontalTop"

SelectedIndex="0" runat="server" MultiPageID="RadMultiPage1" OnClientTabUnSelected="ontabUnselected"

OnClientTabSelected="ontabselected" Skin="Office2007">

I need to have a scroller when the width of the tabs are too long for the page to handle. Currently, what happens is that the last tab that does not fit the length of the page creates a second level of tabs below the original tabs.

If the length of the tabs are too long on page load, the scrolling works. But if the length of the tabs does not require a scroller on page load, the scroller does not come up even when a lot of tabs are already added.

How do I set the scrolling to true at the client side when needed?

TabStrip

answered on 14 Oct 2010

2 answers

150 views

Server side RadSplitter height 100% not work

Hi, Telerik:

RadSplitter heigth 100% work fine on my develop environment, but when I deployed it to server, it worked nothing!

What's wrong with my code?

splitterInWindowX.aspx:

01.

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="splitterInWindowX.aspx.cs" Inherits="__TEST__splitterInWindowX" %>

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. <style type="text/css">

09. .iframe { width:100%; height:100%; overflow:hidden; }

10. </style>

11. <telerik:RadCodeBlock ID="_codeBlock" runat="server">

12. <script language="javascript" type="text/javascript">

13. // <Procedure | | >

14. function setIFrameHeight(oIFrame) {

15. try {

16. var nHeight = 400;

17. if (typeof window.innerHeight != 'undefined') { nHeight = window.innerHeight - 90; }

18. else if (typeof document.documentElement != 'undefined') { nHeight = document.documentElement.clientHeight - 90; }

19. if (oIFrame.style.heihgt != nHeight) oIFrame.style.height = nHeight;

20. }

21. catch (e) { window.status = e.Description; }

22. }

23. // <Event | | >

24. function bodyResize() { setIFrameHeight($get("iframeContent")); }

25. </script>

26. </telerik:RadCodeBlock>

27.</head>

28.<body onresize="bodyResize();">

29.<form id="_frmSplitterInWindowX" runat="server">

30. <telerik:RadScriptManager ID="_managerScript" runat="server" />

31. <telerik:RadSkinManager ID="_managerSkin" runat="server" Skin="Web20" />

32. <div style="height:52px">

33. <telerik:RadMenu ID="_menubar" runat="server" />

34. </div>

35. <asp:Panel ID="_pnlIFrame" runat="server">

36. <iframe id="iframeContent" runat="server" class="iframe" frameborder="0" src="splitterInWindowM.aspx" />

37. </asp:Panel>

38.</form>

39.</body>

40.</html>

splitterInWindowMaspx:

01.

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="splitterInWindowM.aspx.cs" Inherits="__TEST__splitterInWindowM" %>

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:RadCodeBlock ID="_codeBlock" runat="server">

09. <script language="javascript" type="text/javascript">

10. function _btnPopup_OnClientClick() {

11. var oWin = radopen("./splitterInWindowD.aspx", "_windowSplitter");

12. oWin.maximize();

13. return false;

14. }

15. </script>

16. </telerik:RadCodeBlock>

17.</head>

18.<body>

19.<form id="_frmSplitterInWindowM" runat="server">

20. <telerik:RadScriptManager ID="_managerScript" runat="server" />

21. <telerik:RadSkinManager ID="_managerSkin" runat="server" Skin="Black" />

22. <telerik:RadWindowManager ID="_managerWindow" runat="server" VisibleStatusbar="false">

23. <Windows>

24. <telerik:RadWindow ID="_windowSplitter" runat="server" />

25. </Windows>

26. </telerik:RadWindowManager>

27. <asp:Button ID="_btnPopup" runat="server" Text="popup" OnClientClick="return _btnPopup_OnClientClick();" />

28.</form>

29.</body>

30.</html>

splitterInWindowD.aspx:

01.

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="splitterInWindowD.aspx.cs" Inherits="__TEST__splitterInWindowD" %>

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. <style type="text/css">

09. HTML, BODY, FORM { width:100%; height:100%; margin:0px; padding:0px; }

10. SPAN.rmText { font-size:12pt; }

11.

12. DIV.rspSlideTitle { font-size:12pt !important; }

13.

14. .paneEditItem { position:relative; }

15. TABLE.editItem { width:100%; }

16. SPAN.eiTitle M { font-size:medium; width:80px; }

17. SPAN.eiTitle S { font-size:small; }

18.

19. LI.rcbItem, LI.rcbHovered, .rtbText, .RadListBox span.rlbText { font-size:12pt; }

20. </style>

21. <telerik:RadCodeBlock ID="_codeBlock" runat="server">

22. <script language="javascript" type="text/javascript">

23. function _editor_OnClientLoad(oSender, oArgs) { m_oEditor = oSender; _paneEditor_OnClientResized(); }

24. function _splitter_OnClientLoad(oSender, oArgs) { _paneEditor_OnClientResized(); }

25. function _paneEditor_OnClientResized(oSender, oArgs) {

26. var oPane = oSender ? oSender : $find("<%= _paneEditor.ClientID %>");

27. if (!oPane || !m_oEditor) return;

28. var nWidthEditor = parseInt(oPane.get_width()) - 5;

29. var nHeightEditor = parseInt(oPane.get_height()) - 5;

30. if (isNaN(nWidthEditor) || nWidthEditor < 0) nWidthEditor = 0;

31. if (isNaN(nHeightEditor) || nHeightEditor < 0) nHeightEditor = 0;

32. m_oEditor.setSize(nWidthEditor, nHeightEditor);

33. }

34. </script>

35. </telerik:RadCodeBlock>

36.</head>

37.<body>

38.<form id="_frmSplitterInWindowD" runat="server">

39. <telerik:RadScriptManager ID="_managerScript" runat="server" />

40. <telerik:RadSkinManager ID="_managerSkin" runat="server" Skin="Windows7" />

41.

42. <div>

43. <telerik:RadSplitter ID="_splitterAll" runat="server" Width="100%" Height="100%" OnClientLoad="_splitter_OnClientLoad" Orientation="Horizontal">

44. <telerik:RadPane ID="_pane2Bar" runat="server" Height="58" MaxHeight="58" MinHeight="58" Scrolling="None">

45. <telerik:RadToolBar ID="_toolbar" runat="server" Width="100%" />

46. <telerik:RadMenu ID="_menubar" runat="server" Width="100%" />

47. </telerik:RadPane>

48.

49.

50. <telerik:RadSplitBar ID="_splitbarMenu" runat="server" EnableResize="false" />

51.

52.

53. <telerik:RadPane ID="_paneMaster" runat="server">

54. <telerik:RadSplitter ID="_splitterMaster" runat="server" Orientation="Vertical">

55. <telerik:RadPane ID="_paneLeft" runat="server" Width="22" Height="100%">

56. <telerik:RadSlidingZone ID="_zoneSlidingLeft" runat="server" SlideDirection="Right">

57. <telerik:RadSlidingPane id="_paneSlidingLeft" runat="server" Title="Info" Width="420" CssClass="paneEditItem" Scrolling="Both" DockOnOpen="true">

58. </telerik:RadSlidingPane>

59. </telerik:RadSlidingZone>

60. </telerik:RadPane>

61. <telerik:RadSplitBar ID="_splitbarLeft" runat="server" />

62.

63.

64. <telerik:RadPane ID="_paneEditor" runat="server" Height="100%" OnClientResized="_paneEditor_OnClientResized">

65. <telerik:RadEditor ID="_editor" runat="server" EditModes="Design" Width="99%" Height="99%"

66. OnClientLoad="_editor_OnClientLoad">

67. <Content></Content>

68. <Modules>

69. <telerik:EditorModule Visible="false" />

70. </Modules>

71. </telerik:RadEditor>

72. </telerik:RadPane>

73. </telerik:RadSplitter>

74. </telerik:RadPane>

75. </telerik:RadSplitter>

76. </div>

77.</form>

78.</body>

79.</html>

Splitter

answered on 14 Oct 2010

0 answers

104 views

rename file on upload

I had to create a support ticket to find out how to override the save as function, because I needed to strip all special characters from the file name. There are demos that show creating a custom provider, but they involve a lot of code and methods, and I only wanted to override the file save.
Telerik gave me a great solution, so I thought I would pass it on. I am not sure why they don't make public the resolutions to these support tickets in some generic way, it seems like it would be useful to a lot of us out there.
anyways, here is the class file for the custom provider:

using System.IO;

using System.Web;

using Telerik.Web.UI;

using Telerik.Web.UI.Widgets;

namespace Blah.BlahBlah

{

public class CustomFileSystemProvider : FileSystemContentProvider

{

public CustomFileSystemProvider(HttpContext context, string[] searchPatterns, string[] viewPaths, string[] uploadPaths, string[] deletePaths, string selectedUrl, string selectedItemTag)

: base(context, searchPatterns, viewPaths, uploadPaths, deletePaths, selectedUrl, selectedItemTag)

{

}

public override string StoreFile(UploadedFile file, string path, string name, params string[] arguments)

{

string fileName = Helper.RemoveSpecialCharacters(file.GetName());

string pathToSave = Path.Combine(Context.Server.MapPath(path), fileName);

file.SaveAs(pathToSave);

string virtualPath = VirtualPathUtility.Combine(path, fileName);

return virtualPath;

}

And it is implemented on the individual control like so: