Questions on UI for ASP.NET AJAX Forum

1 answer

142 views

I have been asked to move the sort arrows to the left of the grid header columns. This means that they will be displayed before the text.

I was just wondering is this possible with a Telerik grid?

Grid

answered on 26 Mar 2014

6 answers

390 views

[Solved] RadDropDownTree in Bootstrap Modal

Hello

i am developing a asp.net web forms application using twitter bootstrap (latest version) an telerik asp.net ajax controls. I would like to mention the above problem:

Inside a bootstrap modal window i have a RadDropDownTree with EnableFiltering. I noticed that, although i enter some text in filter input, the text is not shown at input's value.

Another RadDropDownTree placed inside the web form page as well as a RadTextBox also inside the modal works fine!
Does anyone have the same problem?

The above snippet shows my web form content. The RadDropDownTree1 control which is outside the modal works fine! The problem is about RadDropDownTree2

01.<asp:Content runat="server" ID="BodyContent" ContentPlaceHolderID="MainContent">

02.

03. <telerik:RadDropDownTree ID="RadDropDownTree1"

04. FilterSettings-EmptyMessage="i can text here"

05. runat="server" EnableFiltering="True">

06. </telerik:RadDropDownTree>

07.

08. 

09. <a class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">

10. Launch demo modal

11. </a>

12.

13. 

14. <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">

15. <div class="modal-dialog">

16. <div class="modal-content">

17. <div class="modal-header">

18. <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>

19. <h4 class="modal-title" id="myModalLabel">Modal title</h4>

20. </div>

21. <div class="modal-body">

22.

23. <telerik:RadTextBox runat="server"></telerik:RadTextBox>

24.

25. <telerik:RadDropDownTree ID="RadDropDownTree2"

26. runat="server" EnableFiltering="True" FilterSettings-EmptyMessage="i can't text anything here" >

27.

28. </telerik:RadDropDownTree>

29. </div>

30. <div class="modal-footer">

31. <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>

32. <button type="button" class="btn btn-primary">Save changes</button>

33. </div>

34. </div>

35. </div>

36. </div>

37.

38.</asp:Content>

I have version v4.0.30319 ( 2013.2.611.45) of telerik controls

Do you have any ideas?

DropDownTree

answered on 26 Mar 2014

7 answers

207 views

teleric javascript

hi all, a strange error its apearing when i try the page in ie.

JavaScript critical error at line 5, column 1 in http://localhost:62127/Main.aspx?ReturnUrl=/Telerik.Web.UI.WebResource.axd?_TSM_HiddenField_=ScriptManager1_TSM&compress=1&_TSM_CombinedScripts_=%3b%3bSystem.Web.Extensions%2c+Version%3d4.0.0.0%2c+Culture%3dneutral%2c+PublicKeyToken%3d31bf3856ad364e35%3aen-US%3ac9cbdec3-c810-4e87-846c-fb25a7c08002%3aea597d4b%3ab25378d2%3bTelerik.Web.UI%3aen-US%3adf833b2e-28ee-45e7-8320-6f2a9cb883d7%3a16e4e7cd%3af7645509%3a22a6274a&_TSM_HiddenField_=ScriptManager1_TSM&compress=1&_TSM_CombinedScripts_=;;System.Web.Extensions,+Version=4.0.0.0,+Culture=neutral,+PublicKeyToken=31bf3856ad364e35:en-US:c9cbdec3-c810-4e87-846c-fb25a7c08002:ea597d4b:b25378d2;Telerik.Web.UI:en-US:df833b2e-28ee-45e7-8320-6f2a9cb883d7:16e4e7cd:f7645509:22a6274a

what can it be.

best regards

General Discussions

answered on 26 Mar 2014

2 answers

144 views

Adding hyperlink to Image?

Hi, I would like to check if it is possible to tag a hyperlink to a picture when using RadRotator?

Based on the demo, I don't see an example that is able to show case this functionaility.
From what I understand, Ratator just need a picture gallery source to work. It will load all the pictures inside the source automatically.

Would be grateful if anyone can answer my query, thanks!

Rotator

answered on 26 Mar 2014

4 answers

108 views

Rad Upload buttons are shifting on mousehover

Hi All
I am using Rad Upload control in which I have 2 buttons name select and Clear which are shifting (moving) on mouse hover showing this class (while inspecting in mozila)

.ruBotton .ruMousehover
{
background-position: 100% -23px;
width: 79px;
}
are these classes by default set to this control please let me how I can resolve my issue.
Thanks

Ajax

answered on 26 Mar 2014

1 answer

97 views

Web Resources in version 2011.1.519.40

Hi,

Does Telerik Controls Requires Internet Connection all the time, because when I am running my application in a system not connected to internet, telerik controls stops working as if they has crashed. After some research i found that on every request these request are also generating.

http://aspnet-scripts.telerikstatic.com/ajaxz/2011.1.519/Calendar/RadCalendarScript.js
http://aspnet-scripts.telerikstatic.com/ajaxz/2011.1.519/Common/Scrolling/ScrollingScripts.js
http://aspnet-scripts.telerikstatic.com/ajaxz/2011.1.519/Common/Navigation/NavigationScripts.js
http://aspnet-scripts.telerikstatic.com/ajaxz/2011.1.519/Common/Core.js
http://aspnet-scripts.telerikstatic.com/ajaxz/2011.1.519/Menu/RadMenuScripts.js
http://aspnet-scripts.telerikstatic.com/ajaxz/2011.1.519/Common/jQuery.js
http://aspnet-scripts.telerikstatic.com/ajaxz/2011.1.519/Ajax/Ajax.js

Is there any way for avoiding these requests

General Discussions

answered on 26 Mar 2014

1 answer

246 views

RadAjaxPanel not working after perform Excel Export

Hi all, i faced an issue which my radajaxpanel become not working after I clicked the excel export button.

Here is my spec:
1. Using RadAjaxPanel
2. Using ClientEvents-OnRequestStart="onRequestStart" to disable ajax
3. Using CommandItemTemplate and image button in it.
4. Using server-side method to export

Here is the problem:
1. Everything works fine before export excel
2. All the controls in RadAjaxPanel not working after perform the export action.
3. Found that there is no postback after i clicked the export button.

Here is my source code:
RadCodeBlock:

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

<script type="text/javascript">

function onRequestStart(sender, args) {

if ( args.get_eventTarget().indexOf("mngBtnExcel2") > 0) {

args.set_enableAjax(false);

}

function RowContextMenu2(sender, eventArgs) {

var menu = $find("<%=RadMenu2.ClientID %>");

var evt = eventArgs.get_domEvent();

if (evt.target.tagName == "INPUT" || evt.target.tagName == "A") {

return;

}

var index = eventArgs.get_itemIndexHierarchical();

document.getElementById("radGridClickedRowIndex").value = index;

sender.get_masterTableView().selectItem(sender.get_masterTableView().get_dataItems()[index].get_element(), true);

menu.show(evt);

evt.cancelBubble = true;

evt.returnValue = false;

if (evt.stopPropagation) {

evt.stopPropagation();

evt.preventDefault();

}

</script>

</telerik:RadCodeBlock>

RadAjaxPanel:

<telerik:RadAjaxPanel ID="SearchPanel" runat="server" LoadingPanelID="RadAjaxLoadingPanel1" ClientEvents-OnRequestStart="onRequestStart">

<telerik:RadGrid ID="rgLetter2" runat="server" OnNeedDataSource="rgLetter2_NeedDataSource"

AllowPaging="True" AllowSorting="True" AllowFilteringByColumn="True" ShowGroupPanel="True"

CellSpacing="0" GridLines="None">

<ClientSettings>

<ClientEvents OnRowContextMenu="RowContextMenu2"></ClientEvents>

<Selecting AllowRowSelect="true"></Selecting>

</ClientSettings>

<GroupingSettings ShowUnGroupButton="false" CaseSensitive="false"></GroupingSettings>

<ClientSettings AllowDragToGroup="True">

<Selecting AllowRowSelect="True" />

<ClientEvents OnRowContextMenu="RowContextMenu2" />

</ClientSettings>

<MasterTableView AllowFilteringByColumn="true" AllowMultiColumnSorting="true" AutoGenerateColumns="false"

CommandItemDisplay="Top" DataKeyNames="LetterID" EnableGroupsExpandAll="true"

GroupLoadMode="Client" PageSize="50">

<CommandItemSettings ShowAddNewRecordButton="false" />

<PagerStyle AlwaysVisible="True" PageSizeControlType="RadComboBox" Position="TopAndBottom" PageSizes="50,100,150,200"/>

<Columns>

<telerik:GridTemplateColumn DataField="LSubject" HeaderText="Subject" SortExpression="LSubject"

UniqueName="LSubject" FilterDelay="2000" ShowFilterIcon="false" FilterControlWidth="200px">

<ItemTemplate>

<a href='<%# Page.ResolveClientUrl("ViewOutgoingLetter.aspx") %>?LetterID=<%# Eval("LetterID") %>'

target="_blank">

<%# Eval("LSubject")%></a>

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridBoundColumn DataField="Company" HeaderText="Company" SortExpression="Company"

UniqueName="Company" FilterDelay="2000" ShowFilterIcon="false">

</telerik:GridBoundColumn>

</Columns>

<CommandItemTemplate>

<table width="100%">

<tr>

<td align="left">

<a href="#" onclick="return openNewLetterWindow('<%# hfproject.Value %>','<%# hfBU.Value %>');">

<img style="border: 0px; width: 20px; height: 20px;" alt="" src="../App_Themes/MetroRed/Grid/AddRecord.gif" />New</a>

</td>

<td align="right">

<asp:ImageButton ID="mngBtnExcel2" runat="server" OnClick="btnExcel_Click2" ImageUrl="../App_Themes/MetroRed/Grid/AddRecord.gif"></asp:ImageButton>

</td>

</tr>

</table>

</CommandItemTemplate>

</MasterTableView>

</telerik:RadGrid>

<telerik:RadContextMenu ID="RadMenu2" runat="server" OnItemClick="RadMenu2_ItemClick"

EnableRoundedCorners="true" EnableShadows="true">

<Items>

<telerik:RadMenuItem Text="View" ImageUrl="../App_Themes/Image/VIEW.gif">

</telerik:RadMenuItem>

<telerik:RadMenuItem Text="Print Preview" ImageUrl="../App_Themes/Image/PRE.gif">

</telerik:RadMenuItem>

<telerik:RadMenuItem Text="Duplicate" ImageUrl="../App_Themes/Image/COPY.gif">

</telerik:RadMenuItem>

<telerik:RadMenuItem Text="Send Attachment(s)" ImageUrl="../App_Themes/Image/EML.gif">

</telerik:RadMenuItem>

</Items>

</telerik:RadContextMenu>

</telerik:RadAjaxPanel>

.cs:

protected void btnExcel_Click2(object sender, EventArgs e)

{

//rgLetter.ExportSettings.Excel.Format = (GridExcelExportFormat)Enum.Parse(typeof(GridExcelExportFormat), "ExcelML");

rgLetter2.ExportSettings.IgnorePaging = true;

rgLetter2.ExportSettings.ExportOnlyData = true;

rgLetter2.ExportSettings.OpenInNewWindow = true;

rgLetter2.MasterTableView.ExportToExcel();

}

Hope you guys can help me on this, i has been stuck by this issue more than 2 days.. T.T ... Thanks guys...

Grid

answered on 26 Mar 2014

5 answers

228 views

How to open the tabs by using key board "Tab"

Hi
I'm using Tabstrip control in my application which contains 5 diffrent tabs.
I want to open each tab by using the key board tab key.
When I do tab its selecting the tab but then I need to press the enter button.
How can I open the tab whenever I press the tab key without enter(pressing the enter key)?
By accesskey aslo I need to press the enter once I select the tab using ALT+ACCESKEY combination.
Please help me regarding this ASAP.

TabStrip

answered on 26 Mar 2014

1 answer

827 views

Hide\Show Panel in master page from content page with strongly typed controls.

I'm having an issue updating content on a master page, using strongly typed controls.

On my master page, i have public classes that expose the .visible property of an asp.net panel, the content page sets the param to true or false. I have a radajaxmanager on master page and proxy on sub page, however I am unable to ajaxify the panels on the master.

For the solution I would prefer not to use FindControl()

Can someone point me in the correct direction?

Ajax

answered on 26 Mar 2014

1 answer

188 views

RadTreeList - Export to Excel

Export to excel doesn't work for TreeListTemplateColumn

pls see below.

https://demos.telerik.com/aspnet-ajax/treelist/examples/export/excelexportbasics/defaultcs.aspx

Upload (Obsolete)

answered on 26 Mar 2014