Questions on UI for ASP.NET AJAX Forum

110,766 questions

1 answer

144 views

I have a rad panelbar.Clicking an Item at the panelbar will open a new tab.So far I was able to generate the new tab.But I need to load an aspx page inside the tab.Please check the attached code.If you check the below code on click of the panelbar item I'm loading a new tab but I'm unable to load the page. Please help.Thanks.

<telerik:RadPanelItem runat="server" onclick="addtab('Bank.aspx','Login')" Text="Bank">
</telerik:RadPanelItem>

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

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

<!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>

<style type="text/css">

html, body, form

{

background: #fff;

height: 100%;

margin: 0;

padding: 0;

width: 100%;

position: absolute;

}

</style>

<script type="text/javascript">

function ReLoadWindow(url, title, width, height) {

var manager = GetRadWindowManager();

var cWindow = manager.getActiveWindow();

if (cWindow != null)

cWindow.close();

var oWindow = radopen(url, null);

oWindow.SetSize(width, height);

oWindow.MoveTo(195, 150);

oWindow.set_title(title);

oWindow.add_pageLoad(function () { oWindow.set_status(" "); });

}

</script>

<link href="Styles/Default.css" rel="stylesheet" type="text/css" />

</head>

<body>

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

<asp:ScriptManager ID="ScriptManager1" runat="server">

</asp:ScriptManager>

<script type="text/javascript">

var tabStrip1;

function OnClientLoad() {

tabStrip1 = $find('<%= RadTabStrip1.ClientID %>');

for (var i = 0; i < tabStrip1.get_tabs().get_count(); i++) {

AttachCloseImage(tabStrip1.get_tabs().getItem(i), "Images/Icons/close.png");

}

function addtab(url, text) {

var tab = new Telerik.Web.UI.RadTab();

tab.set_text(text + tabStrip1.get_tabs().get_count());

tabStrip1.get_tabs().add(tab);

AttachCloseImage(tab, "Images/Icons/close.png");

}

function CreateCloseImage(closeImageUrl) {

var closeImage = document.createElement("img");

closeImage.src = closeImageUrl;

closeImage.alt = "Close this tab";

return closeImage;

}

function AttachCloseImage(tab, closeImageUrl) {

var closeImage = CreateCloseImage(closeImageUrl);

closeImage.AssociatedTab = tab;

closeImage.onclick = function (e) {

if (!e) e = event;

if (!e.target) e = e.srcElement;

deleteTab(tab);

e.cancelBubble = true;

if (e.stopPropagation) {

e.stopPropagation();

}

return false;

}

tab.get_innerWrapElement().appendChild(closeImage);

}

function deleteTab(tab) {

var tabStrip = $find("<%= RadTabStrip1.ClientID %>");

var tabToSelect = tab.get_nextTab();

if (!tabToSelect)

tabToSelect = tab.get_previousTab();

tabStrip.get_tabs().remove(tab);

if (tabToSelect)

tabToSelect.set_selected(true);

}

</script>

<div class="page">

<div class="header01">

<div class="head_top">

<div class="homeicon">

<asp:HyperLink runat="server" Target="_parent" NavigateUrl="~/Default.aspx">

<asp:Image ID="Homeicon" runat="server" ImageUrl="~/Images/home.png"/>

</asp:HyperLink>

</div>

<div class="side01">

<label class="text02">XERP</label>

</div>

<div class="side02">

<telerik:RadMenu runat="server" Skin="">

<Items>

<telerik:RadMenuItem CssClass="dropdowntop">

<ItemTemplate>

<div class="dropdownside01">

<label class="text01">Hi! Rezwanul Huq</label>

<label class="text01">Wed 15, Oct 2012 15:12</label>

</div>

<div class="dropdownside02">

<asp:Image ID="Image1" runat="server" ImageUrl="~/Images/Icons/client.png"/>

</div>

</ItemTemplate>

<Items>

<telerik:RadMenuItem CssClass="Dropdown">

<ItemTemplate>

<div class="DropdownIcon">

<asp:Image ID="Image2" runat="server" ImageUrl="~/Images/Icons/message.png" CssClass="DropdownIconAlign" />

</div>

<div class="DropdownText">

<asp:Label ID="Label1" runat="server" class="text03">Inbox</asp:Label>

</div>

</ItemTemplate>

</telerik:RadMenuItem>

<telerik:RadMenuItem CssClass="Dropdown">

<ItemTemplate>

<div class="DropdownIcon">

<asp:Image ID="Image2" runat="server" ImageUrl="~/Images/Icons/chpassword.png" CssClass="DropdownIconAlign" />

</div>

<div class="DropdownText">

<asp:Label ID="Label1" runat="server" class="text03">Change Password</asp:Label>

</div>

</ItemTemplate>

</telerik:RadMenuItem>

<telerik:RadMenuItem CssClass="Dropdown">

<ItemTemplate>

<div class="DropdownIcon">

<asp:Image ID="Image2" runat="server" ImageUrl="~/Images/Icons/Settings.png" CssClass="DropdownIconAlign" />

</div>

<div class="DropdownText">

<asp:Label ID="Label1" runat="server" class="text03">Settings</asp:Label>

</div>

</ItemTemplate>

</telerik:RadMenuItem>

<telerik:RadMenuItem CssClass="Dropdown">

<ItemTemplate>

<div class="DropdownIcon">

<asp:Image ID="Image2" runat="server" ImageUrl="~/Images/Icons/help.png" CssClass="DropdownIconAlign" />

</div>

<div class="DropdownText">

<asp:Label ID="Label1" runat="server" class="text03">Help</asp:Label>

</div>

</ItemTemplate>

</telerik:RadMenuItem>

<telerik:RadMenuItem CssClass="Dropdown">

<ItemTemplate>

<div class="DropdownIcon">

<asp:Image ID="Image2" runat="server" ImageUrl="~/Images/Icons/Logout.png" CssClass="DropdownIconAlign" />

</div>

<div class="DropdownText">

<asp:Label ID="Label1" runat="server" class="text03">Log Out</asp:Label>

</div>

</ItemTemplate>

</telerik:RadMenuItem>

<telerik:RadMenuItem CssClass="Dropdown">

<ItemTemplate>

<div class="DropdownText01">

<asp:Label ID="Label1" runat="server" class="text03">Last Login Detail: <br /> Wed 15, Oct 2012 15:12</asp:Label>

</div>

</ItemTemplate>

</telerik:RadMenuItem>

</Items>

</telerik:RadMenuItem>

</Items>

</telerik:RadMenu>

</div>

<div class="bottom">

<telerik:RadSplitter ID="RadSplitter1" Width="99.9%" Height="100%" runat="server"

ResizeMode="EndPane">

<telerik:RadPane ID="RadPane1" runat="server" Width="18.8%" CssClass="menu" Scrolling="Y">

<div style="height:3%; margin:3px 1px 0px 3px;">

<telerik:RadTextBox EmptyMessage="Search Menu...." ID="searchbox" runat="server" Width="178px">

</telerik:RadTextBox>

<telerik:RadButton ID="searchbtn" runat="server" Skin="" CssClass="SearchButton" >

<Icon PrimaryIconWidth="26px" PrimaryIconHeight="26px" PrimaryIconUrl="Images/Icons/search.png" />

</telerik:RadButton>

</div>

<telerik:RadPanelBar ID="RadPanelBarMenu" runat="server" ExpandMode="FullExpandedItem"

Height="96%" Width="100%">

<Items>

<telerik:RadPanelItem runat="server" Expanded="true" Height="30px" Text="Business Settings" ImageUrl="~/Images/Icons/business_settings.png">

<Items>

<telerik:RadPanelItem runat="server" Target="MainPane" Text="Company Setup" onclick="ReLoadWindow('UserHome.aspx','User Management',750,500)">

</telerik:RadPanelItem>

<telerik:RadPanelItem runat="server" onclick="addtab('Bank.aspx','Bank')" Text="Bank">

</telerik:RadPanelItem>

</Items>

</telerik:RadPanelItem>

<telerik:RadPanelItem runat="server" Height="30px" Text="Human Resource" ImageUrl="~/Images/Icons/HRM_icon.png">

<Items>

<telerik:RadPanelItem runat="server" NavigateUrl="~/HRM/Employee.aspx"

Target="MainPane" Text="Employee">

</telerik:RadPanelItem>

</Items>

</telerik:RadPanelItem>

<telerik:RadPanelItem runat="server" Height="30px" Text="Stock & Inventory" ImageUrl="~/Images/Icons/SI.png">

<Items>

<telerik:RadPanelItem runat="server" NavigateUrl="~/SI/Items.aspx"

Target="MainPane" Text="Items">

</telerik:RadPanelItem>

</Items>

</telerik:RadPanelItem>

<telerik:RadPanelItem runat="server" Height="30px" Text="Security" ImageUrl="~/Images/Icons/security.png">

<Items>

<telerik:RadPanelItem runat="server" NavigateUrl="~/Security/SecurityUsers.aspx"

Target="MainPane" Text="User">

</telerik:RadPanelItem>

<telerik:RadPanelItem runat="server" NavigateUrl="~/Account/ChangePassword.aspx"

Target="MainPane" Text="Change Password">

</telerik:RadPanelItem>

</Items>

</telerik:RadPanelItem>

</Items>

</telerik:RadPanelBar>

</telerik:RadPane>

<telerik:RadSplitBar ID="RadSplitBar1" runat="server" CollapseMode="Forward" />

<telerik:RadPane runat="server" ID="MainPane" BackColor="#f1f5fb" >

<telerik:RadTabStrip ID="RadTabStrip1" runat="server" MultiPageID="RadMultiPage1"

SelectedIndex="0" onclientload="OnClientLoad">

<Tabs>

<telerik:RadTab Text="Dashboard">

</telerik:RadTab>

</Tabs>

</telerik:RadTabStrip>

<telerik:RadMultiPage ID="RadMultiPage1" runat="server" SelectedIndex="0">

<telerik:RadPageView ID="RadPageView1" runat="server" Height="100%" ContentUrl="UserHome.aspx">

</telerik:RadPageView>

</telerik:RadMultiPage>

</telerik:RadPane>

</telerik:RadSplitter>

<telerik:RadWindowManager Visible="true" ID="Singleton" CssClass="body_bg" EnableAjaxSkinRendering="true" Behavior="Default" VisibleOnPageLoad="false" runat="server" >

<Windows>

<telerik:RadWindow VisibleOnPageLoad="false" CssClass="body_bg" OffsetElementID="MapPane" Modal="false" Left="0px" Top="20px" Width="450px" Height="500px" Behavior="default" NavigateUrl="Widgets/CreateUser.aspx" runat="server" ID="CreateUser" >

</telerik:RadWindow>

</Windows>

</telerik:RadWindowManager>

</div>

</form>

</body>

</html>

TabStrip

answered on 07 Nov 2012

4 answers

93 views

RadEditor Inside GridEditCommandColumn

Hi,
we are using telerik control latest version 2012.2.912.40 in our project.

We have RadEditor in ascx page and using ascx page to display in GridEditCommandColumn. When we use the same ascx control in separate webpage, radeditor is displaying without any issue. When we use in GridEditCommandColumn and check, there is extra spaces in both top tool bar and bottom. As per comments in "http://www.telerik.com/help/aspnet-ajax/editor_disablehidemodules.html" removed modules. Also used below code in master page (initially we had "width" problem but resolved after using below code). But still we can see the extra space in the RadEditor window. We also tried to add Editor.web20.css into our application. but no luck.
Please help us to resolve this issue.
Thanks

<telerik:RadStyleSheetManager ID="RadStyleSheetManager1" runat="server">

<Telerik:StyleSheetReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Skins.Editor.css" />

<Telerik:StyleSheetReference Assembly="Telerik.Web.UI.Skins" Name="Telerik.Web.UI.Skins.Web20.Editor.Web20.css" />

<Telerik:StyleSheetReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Skins.Window.css" />

<Telerik:StyleSheetReference Assembly="Telerik.Web.UI.Skins" Name="Telerik.Web.UI.Skins.Web20.Window.Web20.css" />

</StyleSheets>

</telerik:RadStyleSheetManager>

Editor

answered on 07 Nov 2012

5 answers

97 views

AdvancedForm recurrence to Weekly by default

In the New AdvancedForm.acsx page I need the following changes for the recurrence section:
1. Default the recurrence to weekly
2. Default the “end after __ occurrences” to 10
3. Change the “end by” to default to 10 weeks later than the selected date

I am using :

<telerik:RadSchedulerRecurrenceEditor runat="server" ID="AppointmentRecurrenceEditor" Height="100%" Style="padding-left: 25px;" />

for Recurrences.

Can U please help in resolving the issue

Thanks in Advance,
Chandu

Scheduler

answered on 07 Nov 2012

1 answer

251 views

Need to change Organization chart node color dynamically

Hi,

I am new to Organization chart. In am binding the OrgChart with Collection objects. After binding the chart i am having the following option in Org chart.
Create new node (using creating node item in the collection and rebind it to to chart).
Edit or Delete node (using contextmenu right click update the coloection and rebind it to OrgChart).

Please let me know how to change the background color in the chart node item.
While creating the new code it will be show with different color to highlight.
While edit or deleting the new code it will be show with different color to highlight.

Regards,
Kannan S

OrgChart

answered on 07 Nov 2012

4 answers

125 views

AllowMultiRowEdit = true. Can't perform Update Multiple Item if there is too many editing item at a time. Is it normal?

I have set AllowMultiRowEdit = true in order to put every item in the grid to edit mode, then edit and update them all at once.
However, it seem to me that if there is too many item that are editing at a time, then the update won't work.
For example, if I set the PageSize = 80, it will work perfectly, but if I set it to be 100, then it won't work. At first, I thought that 80 is the limit number of row that can be editing at a time, but then when I tested with another grid, It works when I set PageSize to 50, but it won't work if I set the PageSize to 55.

I guess that it's has something to do with the limit of amount of data that the grid can hold at a time or so.

Would you please explain?

Thanks

Lamk.

Grid

answered on 07 Nov 2012

2 answers

83 views

Issue with add new record in SPRadGrid webpart

Hello

When clicking on add new record link, everything works alright. But when clicking on plus icon (just on the left of add new record link), not only new item overlay window pops up, but additionally new item row is shown in grid, as inline editing would have been enabled (which is not the case).

Thank you and best regards,
Roger

WebParts for SharePoint

answered on 07 Nov 2012

4 answers

232 views

RadDatePicker + Repeater + Javascript

Hi There,

I have a repeater control that outputs two RadDatePickers per row as shown below.

    
            <asp:Repeater ID="rep_mediaassetbursts" runat="server" DataSourceID="ods_mediaassetbursts" OnItemDataBound="rep_mediaassetbursts_ItemDataBound"> 
        
                        <HeaderTemplate> 
        
                            <table> 
        
                            <tr> 
        
                            <th>Bursts</th> 
        
                            <th>Value</th> 
        
                            <th>Start Date</th> 
        
                            <th>End Date</th> 
        
                            </tr> 
        
                        </HeaderTemplate> 
        
                        <ItemTemplate> 
        
                            <tr> 
        
                            <td><asp:Label ID="burstNumber" runat="server" Visible='true' ></asp:Label></td> 
        
                            <td><telerik:RadNumericTextBox ID="MediaAssetBurstValue" runat="server"  DbValue='<%# Bind("investment") %>'  MinValue='0' Width="75px" DataType="System.Int32" Type="Currency"  ><NumberFormat DecimalDigits="0"  /><EnabledStyle HorizontalAlign="Right" /></telerik:RadNumericTextBox></td> 
        
                            <td><telerik:RadDatePicker ID="BurstStartDate" runat="server"> 
        
                                </telerik:RadDatePicker><asp:RequiredFieldValidator runat="server" ID="RequiredFieldValidator1" ControlToValidate="BurstStartDate" 
        
                            ErrorMessage="Enter a date!" Display="Dynamic"></asp:RequiredFieldValidator></td> 
        
                            <td><telerik:RadDatePicker ID="BurstEndDate" runat="server"   ></telerik:RadDatePicker><asp:RequiredFieldValidator runat="server" ID="Requiredfieldvalidator2" ControlToValidate="BurstEndDate" 
        
                            ErrorMessage="Enter a date!" Display="Dynamic"></asp:RequiredFieldValidator><asp:CompareValidator ID="dateCompareValidator" runat="server" ControlToValidate="BurstEndDate" 
        
                            ControlToCompare="BurstStartDate" Operator="GreaterThanEqual" Type="Date" ErrorMessage="The second date must be after the first one." Display="Dynamic"></asp:CompareValidator> 
        
                            <asp:Label runat="server" ID="datevalue"></asp:Label> 
        
                            </td> 
        
                            </tr> 
        
                        </ItemTemplate> 
        
                        <FooterTemplate> 
        
                            <tr> 
        
                            <td></td> 
        
                            <td> 
        
                            <telerik:RadNumericTextBox ID="burstTotalValue" Type="Currency" runat="server"  Value='0'  MinValue='0' Width="75px" DataType="System.Int32" ReadOnly="true"  > 
        
                            <NumberFormat DecimalDigits="0"  /> 
        
                            <ReadOnlyStyle BorderStyle="none" HorizontalAlign="Right" /> 
        
                            </telerik:RadNumericTextBox></td> 
        
                            <td colspan="2"><asp:CompareValidator ID="burstTotalValueCheck" runat="server" 
        
                                ErrorMessage="Burst Totals must match the total investment for the assset" ControlToValidate="burstTotalValue" Type="Integer"></asp:CompareValidator></td> 
        
                            </tr> 
        
                            </table> 
        
                        </FooterTemplate> 
        
                        </asp:Repeater>

I want to associate a javascript function to the OnDateSelected event for each of the RadDatePickers so that i can work out the number of weeks between the dates and display the value in the "datevalue" label.

I am aware of the standard paramaters that get passed to the javascript function that you assign to the OnDataSelected property, but my problem is from within that function how can I access the other RadDatePicker and also the label.

If I was able to make OnDateSelected take extra paramaters i could pass into it the client id for the other RadDatePicker and the label.

I am looking for any suggested approaches.

Thanks in advance
Jason

Calendar

answered on 07 Nov 2012

1 answer

101 views

unable to capture error on server side.

I am using Telerik ajax controls in VS2010 asp.net web project.
I am only targetting IE v8 browser.

When I encounter server side code exception, I get an error dialog box "There was an error in the call back."

When I click okay, nothing happens at the server side and code stops executing.

In this web application, there is no try catch exception handling any where. All the exception bubble up to Application_Error in global.asax.
In this specific case, how can I bubble up the exception to Global.asax?

Please help.

Thanks

General Discussions

answered on 07 Nov 2012

2 answers

200 views

Font formatting not being applied FONT tag vs SPAN tag in Design/HTML view

Hi All,

After installing the new version of editor (Telerik.Web.UI, Version=2012.2.912.40) hoping to fix some of the formatting issues I seem to have introduced more formatting issues. The problem is that if I type some text and try to change the font it does not change at all. When switching to HTML view I see following which appears to be properly formatted and all:

<span style="font-family: Courier New;">dfasdf asdf asdf asdf</span>

I have defined the editor as following:

<telerik:RadEditor runat="server" ID="richText" EditModes="Design" ToolsFile="EditorTools.xml" ContentAreaMode="Div" ContentFilters="ConvertFontToSpan,ConvertToXhtml,ConvertCharactersToEntities,IndentHTMLContent" StripFormattingOptions="All" Width="935px">

</telerik:RadEditor>

When inspecting html code using F12 Developer Tools I noticed that the content is still using FONT tag:

<FONT face="Courier New">dfasdf asdf asdf asdf</FONT>

Can anyone advise on this behavior? Has anything changed or have I missed anything?

Thanks

PS: I am on Win7 and IE9. Also see code discrepancy in the screenshot of the F12 tools

Editor

answered on 07 Nov 2012

1 answer

43 views

Waiting all uploaded files before perform another code

Hi to all,
It's first time to use RadUpload control, I followed tutorial.
And now I would use this control in "insert form":

Insert several information and I attach 2 files (for example) then I submit my informations, it may be upload 2 files and then send my information.

How can I intercept "All Uploaded File event"?

Upload (Obsolete)

answered on 07 Nov 2012

Top users last month