Telerik Forums
UI for ASP.NET AJAX Forum
5 answers
130 views
Paste from word in rich text editor is adding p tags to the headers and therefore the proper style is not appearing in front end, or someone has to edit styles on the headers after pasting to Roch text editor. Any idea how I can fix this?
Rumen
Telerik team
 answered on 19 Sep 2012
2 answers
124 views
Hi,
 How to customize the filtering options of telerik rad grid? I wanto set some options in the filter menu. For example only Contains & Like.
If there is any way to set filtermenu options(Contains , Like, Greater than etc) based on the column data type.

Thanks & Regards
Anzar.M
Anzar
Top achievements
Rank 2
 answered on 19 Sep 2012
1 answer
111 views
I'm using the radslider wrapped in an ajax update panel control to create a timeline for a clients site. It's working and looking great. However I am trying to style the item text slightly by wrapping some of it (the Day) in a span element. When I do this, I can no longer click on the text in the span to move the tick. Is there a way maybe with css to make the whole block clickable instead of just the text? An Item template and itemdatabound event would rock, but I realize that's not the intended use for this control. Here's what I'm doing in the Item Text. Right now if I click on the larger Day Text nothing happens, but if you click on the Month or Year it works fine. See screenshot also.

<style type="text/css">
 
    .TimelineContainer
    {
        width:938px;
         height: 250px;
         margin-bottom:30px;
    }
     
    .TimelineContainer h3
    {
         margin: 0 0 12px;
        color: #C94D58;
        font: 20px CenturyGothicBold, arial, helvetica, sans-serif;
    }      
     
    .TimelineImageWrapper
    {
        width:465px;
        height: 250px;
        float:left;
    }
     
    .TimelineTextWrapper
    {
        width:432px;
        height: 210px;
        float:left;
        padding: 0px 20px 20px 20px;
    }
     
    .TimelineDay
    {
        font-size:14px !important;
    }   
     
</style>
 
<telerik:RadAjaxPanel ID="srRadAjaxPanel" runat="server">
 
 
    <div class="TimelineContainer">
        <div class="TimelineImageWrapper">
            <asp:Image ID="imgImage" runat="server" Width="465px" Height="250px" />       
        </div>
        <div class="TimelineTextWrapper">
            <h3>Timeline Header</h3>
            Timeline text for testing the timeline control. Timeline text for testing the timeline control. Timeline text for testing the timeline control.
            Timeline text for testing the timeline control. Timeline text for testing the timeline control. Timeline text for testing the timeline control.
            Timeline text for testing the timeline control. Timeline text for testing the timeline control.
        </div>
         
    </div>
 
 
    <telerik:RadSlider ID="rsTimelineSlider" runat="server" ItemType="Item"
    Width="938" Height="120" Skin="Transparent" AutoPostBack="true"
    ShowIncreaseHandle="false" ShowDecreaseHandle="false">
      
     <Items>
         
        <telerik:RadSliderItem Text="June<span class='TimelineDay'>5</span>1978" />
        <telerik:RadSliderItem Text="July<span class='TimelineDay'>15</span>1979" />
        <telerik:RadSliderItem Text="May<span class='TimelineDay'>8</span>1980" />
        <telerik:RadSliderItem Text="August<span class='TimelineDay'>11</span>1981" />
        <telerik:RadSliderItem Text="Jan<span class='TimelineDay'>12</span>1982" />
        <telerik:RadSliderItem Text="Feb<span class='TimelineDay'>9</span>1982" />
        <telerik:RadSliderItem Text="March<span class='TimelineDay'>3</span>1982" />
        <telerik:RadSliderItem Text="April<span class='TimelineDay'>17</span>1982" />
        <telerik:RadSliderItem Text="Aug<span class='TimelineDay'>23</span>1985" />
        <telerik:RadSliderItem Text="June<span class='TimelineDay'>25</span>1989" />
        <telerik:RadSliderItem Text="Sept<span class='TimelineDay'>14</span>1990" />
        <telerik:RadSliderItem Text="June<span class='TimelineDay'>5</span>1978" />
        <telerik:RadSliderItem Text="July<span class='TimelineDay'>15</span>1979" />
        <telerik:RadSliderItem Text="May<span class='TimelineDay'>8</span>1980" />
        <telerik:RadSliderItem Text="August<span class='TimelineDay'>11</span>1981" />
        <telerik:RadSliderItem Text="Jan<span class='TimelineDay'>12</span>1982" />
        <telerik:RadSliderItem Text="Feb<span class='TimelineDay'>9</span>1982" />
        <telerik:RadSliderItem Text="March<span class='TimelineDay'>3</span>1982" />
        <telerik:RadSliderItem Text="April<span class='TimelineDay'>17</span>1982" />
        <telerik:RadSliderItem Text="Aug<span class='TimelineDay'>23</span>1985" />
        <telerik:RadSliderItem Text="June<span class='TimelineDay'>25</span>1989" />
        <telerik:RadSliderItem Text="Sept<span class='TimelineDay'>14</span>1990" />
    </Items>
      
</telerik:RadSlider>
 
</telerik:RadAjaxPanel>

Slav
Telerik team
 answered on 19 Sep 2012
1 answer
88 views
How would one set the value for a resource in the code behind (specifically for the Simple Form, not the Advanced Form)

I've tried the following with no luck . . . .

public void RadScheduler1_AppointmentInsert(object sender, SchedulerCancelEventArgs e)
{
    if (e.Appointment.Attributes["Employee"] == string.Empty)
    {
        e.Appointment.Attributes["Employee"] = "555";
    }
}
Boyan Dimitrov
Telerik team
 answered on 19 Sep 2012
5 answers
82 views
Hi,

I have a Telerik RadWindow popup control. If I open some popup in IE, I see always a horizontal scrollbar. If I open the same popup in FF or Chrome I do not see the scrollbar. I see only the space for the scrollbar. This is the code of my masterpage with the radwindow control:

<%@ Master Language="C#" AutoEventWireup="true" CodeBehind="Site.master.cs" Inherits="CC.RPA.ASP.GUI.SiteMaster" %>
<!DOCTYPE html>
<%--
HTML5 Boilerplate master page:
http://geekswithblogs.net/ranganh/archive/2011/11/17/html5-boilerplate-template-for-asp.net-with-visual-studio-2010.aspx
--%>
<!--[if lt IE 7 ]> <html lang="en" class="no-js ie6"> <![endif]-->
<!--[if IE 7 ]>    <html lang="en" class="no-js ie7"> <![endif]-->
<!--[if IE 8 ]>    <html lang="en" class="no-js ie8"> <![endif]-->
<!--[if IE 9 ]>    <html lang="en" class="no-js ie9"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!-->
<html lang="en" class="no-js">
<!--<![endif]-->
<head runat="server">
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title></title>
    <meta name="description" content="">
    <meta name="author" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="shortcut icon" href="<%# ResolveUrl("~/favicon.ico") %>">
    <telerik:RadStyleSheetManager ID="RadStyleSheetManager1" runat="server" EnableStyleSheetCombine="true"
        OutputCompression="AutoDetect">
        <StyleSheets>
            <telerik:StyleSheetReference Path="~/Styles/Site.css" />
            <telerik:StyleSheetReference Path="~/Styles/Handheld.css" />
            <telerik:StyleSheetReference Path="~/Styles/Skins/Button.css" />
            <telerik:StyleSheetReference Path="~/Styles/Skins/Grid.css" />
            <telerik:StyleSheetReference Path="~/Styles/Skins/Menu.css" />
            <telerik:StyleSheetReference Path="~/Styles/Skins/Window.css" />
            <telerik:StyleSheetReference Path="~/Styles/Skins/CC/Button.CC.css" />
            <telerik:StyleSheetReference Path="~/Styles/Skins/CC/Grid.CC.css" />
            <telerik:StyleSheetReference Path="~/Styles/Skins/CC/Menu.CC.css" />
            <telerik:StyleSheetReference Path="~/Styles/Skins/CC/Window.CC.css" />
        </StyleSheets>
    </telerik:RadStyleSheetManager>
    <script src="<%# ResolveUrl("~/Scripts/modernizr-2.5.2.js") %>" type="text/javascript"></script>
    <asp:ContentPlaceHolder ID="HeadContent" runat="server">
    </asp:ContentPlaceHolder>
</head>
<body>
    <form runat="server">
    <telerik:RadScriptManager runat="server" LoadScriptsBeforeUI="true" EnableScriptCombine="true"
        OutputCompression="AutoDetect">
        <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" />
            <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryInclude.js" />
            <asp:ScriptReference Path="~/Scripts/Plugins.js" />
            <asp:ScriptReference Path="~/Scripts/Script.js" />
        </Scripts>
    </telerik:RadScriptManager>
    <telerik:RadAjaxManager runat="server" DefaultLoadingPanelID="AjaxLoadingPanel">
    </telerik:RadAjaxManager>
    <asp:ContentPlaceHolder ID="MainContent" runat="server">
    </asp:ContentPlaceHolder>
    <telerik:RadWindowManager ID="WindowManager" runat="server" Modal="true" ReloadOnShow="true" MinWidth="400px">
        <Localization Yes="<%$ Resources: Buttons, Yes %>" No="<%$ Resources: Buttons, No %>" />
        <%-- TODO: Skin radalert en radconfirm popups.
        <AlertTemplate>
            <div class="rwDialogPopup radalert">
                <div class="rwDialogText">
                    {1}
                </div>
                <div class="buttons center">
                    <a class="RadButton RadButton_Default rbLinkButton button ok" onclick="$find('{0}').close(true);"
                        href="javascript:void(0)" tabindex="0"><span class="rbText">
                            <asp:Literal runat="server" Text="<%$Resources:Buttons,OK %>" /></span></a>
                </div>
            </div>
        </AlertTemplate>
        --%>
<%--        <ConfirmTemplate>
            <div class="rwDialogPopup radconfirm">
                <div class="rwDialogText">
                    {1}
                </div>
                <div class="buttons center">
                    <a class="RadButton RadButton_Default rbLinkButton button yes" onclick="$find('{0}').close(true);"
                        href="javascript:void(0)" tabindex="0"><span class="rbText">
                            <asp:Literal ID="Literal1" runat="server" Text="<%$Resources:Buttons,Yes %>" /></span></a>
                </div>
            </div>
        </ConfirmTemplate>
--%>
        <Windows>
            <telerik:RadWindow ID="rwEditEntity" runat="server" Modal="true" ReloadOnShow="true"
                KeepInScreenBounds="true" Behaviors="Move" VisibleStatusbar="false" VisibleTitlebar="true"
                Width="850px" Height="500px" AutoSize="true" AutoSizeBehaviors="Height" />
        </Windows>
    </telerik:RadWindowManager>
    <telerik:RadAjaxLoadingPanel ID="AjaxLoadingPanel" Skin="" runat="server" BackgroundPosition="Center"
        Transparency="30">
        <div class="loading">
            <asp:Image ID="Throbber" runat="server" ImageUrl="~/App_Themes/CC_Theme/images/throbber.gif" />
        </div>
    </telerik:RadAjaxLoadingPanel>
    </form>
</body>
</html>

What is the problem? I hope someone can help me. See also attachments (IE: Not OK, FF and Chrome: OK).
rdmptn
Top achievements
Rank 1
 answered on 19 Sep 2012
1 answer
134 views
I have seen the Partial Ajaxification demo and it is almost what I need. In demo scenario each button in grid updates a single control outside of the grid. My scenario is slightly more complicated. Firstly I have two controls outside a repeater that should update themselves and some controls in repeater items. Controls in repeater items should update themselves, controls in other repeater items and also controls outside.
Structure looks somewhat like this:

<i:PeCa runat="server" ID="PicHolder"/>
<i:PeCa runat="server" ID="PicPartner"/>
<asp:Repeater ID="RptChildren" runat="server" OnItemDataBound="RptChildren_ItemDataBound"> <ItemTemplate> <iak:PeCa runat="server" ID="PicChild"/> </ItemTemplate> </asp:Repeater>

So PicHolder updates PicHolder, PicPartner and multiple PicChild in repeater. PicPartner updates PicPartner, PicHolder and PicChildren.  Each PicChild updates iteslf, other PicChild and PicPartner and PicHolder.
I understand I should construct ajax manager structure in codebehind, but it doesn work. I wanted to use AjaxUpdatedControlsCollection class to collect all updated controls, but I don't know which ID I should use. The same problem is when I create AjaxSetting for child inside repeater - what ID to use here? "PicChild"? Or should I use RadAjaxManagerProxy1.AjaxSettings.AddAjaxSetting method and add each control several times, for each control it updates?
Maria Ilieva
Telerik team
 answered on 19 Sep 2012
1 answer
66 views
I am currently using RadScheduler with webservice bindings.

I need to perform some processing on an appointment and its resources before saving it, but I need to do this server side. I was hoping someone could give me some guidance on how to go about this. My current thought it to add my own method to the webservice and call it manually. But I'm unsure how I would call this from the client and post along the appointment data? This must already happen somewhere for the webservice calls to GetAppointments, InsertAppointments etc so I was hoping I could use similar code.

For example, if I was to add the following method to my webservice, how could I call this from the client side javascript?

[WebMethod]
public bool DoServerSideStuff(SchedulerInfo schedulerInfo, AppointmentData appointmentData)
{
return MyClass.DoSomething(schedulerInfo, appointmentData)
}

 
William
Plamen
Telerik team
 answered on 19 Sep 2012
2 answers
104 views
Hi Telerik,

I'm have created an dynamic RadComboBox object and use it as the result of PageMethods.[WebMethod name].

When the client side receives this result back I'm try to create a html object from this response and add the html object to div tag on webpage.

But I found this method it doesn't work properly in many parts such as RadScriptManager not define style-sheet.

So please advise me for the correct solution or give me an example.

Best Regards,
Mr.Wanlop N (Ball)
wanlop
Top achievements
Rank 1
 answered on 19 Sep 2012
1 answer
252 views
How can I disable a RadButton afert user clicked it and have a postback? I try following code in OnClientClicked event:
 $('#<%=RadButtonProcess.ClientID%>').prop('disabled', true);

The button is disabled but the postback is not fired. I don't know how to continue the postback after disable the button?
Shinu
Top achievements
Rank 2
 answered on 19 Sep 2012
9 answers
210 views

I have a tabstrip and a multipage view that are dynamically populated.  This works fine when scrollChildren is by default set to false, the tabstrip wraps (it shows as two rows) and fits in side of the table and divs that contain it (as this is content page for a master page). When I change the mode to scroll children as I only want one row of tabs, that are scrollable, the tabstrip shows up as longer than the parent table and divs, and the scroll bar is off the page.

Any solutions?
Below is the sample code. The master page it is in is just the standard default masterpage.

Thanks!


 

 

 

<%@ Page Title="" Language="vb" AutoEventWireup="false" MasterPageFile="~/Site.Master" CodeBehind="WebForm1.aspx.vb" Inherits="_3POC.WebForm1"  %>
<%@ Register assembly="Telerik.Web.UI" namespace="Telerik.Web.UI" tagprefix="telerik" %>
  
<asp:Content ID="HeaderContent" runat="server" ContentPlaceHolderID="HeadContent">
      
  
    <link href="Styles/styles.css" rel="stylesheet" type="text/css" />
    <!--[if lt IE 7]> <style type="text/css">@import "ie6.css";</style><![endif]-->
      
  
      
  
</asp:Content>
<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent" >
   
    <table><tr>
    <td style="vertical-align:top;">
               <telerik:RadDockZone ID="RadDockZone2" BorderStyle="None" runat="server" 
            Orientation="Vertical" Width="100%" height="100%" MinWidth="50px" minHeight="100px" FitDocks="False" 
            Skin="Office2007" HighlightedCssClass="dockzone">
                        <telerik:RadDock ID="RadDock1" runat="server" Title="Tools" Width="275px" EnableAnimation="true"
                            EnableRoundedCorners="true" Resizable="true" Skin="Office2007">
                            <ContentTemplate>
                                <telerik:RadPanelBar runat="server" ID="RadPanelBar1" >
                <CollapseAnimation Type="OutQuart" Duration="200"></CollapseAnimation>
                <Items>
                    <telerik:RadPanelItem Text="Patient Info" Expanded="True">
                        <ContentTemplate>
                        MRN: 1234s <br />
                        Patient Name: Eric Dalnas <br />
                        Patient age: 34 <br />
                        </ContentTemplate>
                         
                    </telerik:RadPanelItem>
                     <telerik:RadPanelItem Text="Notes">
                        <Items>
                            <telerik:RadPanelItem Text="My Notes"></telerik:RadPanelItem>
                            <telerik:RadPanelItem Text="Notes List"></telerik:RadPanelItem>
                            <telerik:RadPanelItem Text="Shared Notes"></telerik:RadPanelItem>
                            <telerik:RadPanelItem Text="Archive"></telerik:RadPanelItem>
                        </Items>
                    </telerik:RadPanelItem>
                    <telerik:RadPanelItem Text="Future Use 1">
                        <Items>
                            <telerik:RadPanelItem Text="My Contacts"></telerik:RadPanelItem>
                            <telerik:RadPanelItem Text="Address Cards"></telerik:RadPanelItem>
                            <telerik:RadPanelItem Text="Phone List"></telerik:RadPanelItem>
                            <telerik:RadPanelItem Text="Shared Contacts"></telerik:RadPanelItem>
                        </Items>
                    </telerik:RadPanelItem>
                    <telerik:RadPanelItem Text="Future Use 2">
                        <Items>
                            <telerik:RadPanelItem Text="My Tasks"></telerik:RadPanelItem>
                            <telerik:RadPanelItem Text="Shared Tasks"></telerik:RadPanelItem>
                            <telerik:RadPanelItem Text="Active Tasks"></telerik:RadPanelItem>
                            <telerik:RadPanelItem Text="Completed Tasks"></telerik:RadPanelItem>
                        </Items>
                    </telerik:RadPanelItem>
                     
                    <telerik:RadPanelItem Text="Future Use 4">
                        <Items>
                            <telerik:RadPanelItem Text="My Client.Net"></telerik:RadPanelItem>
                            <telerik:RadPanelItem Text="My Profile"></telerik:RadPanelItem>
                            <telerik:RadPanelItem Text="My Support Tickets"></telerik:RadPanelItem>
                            <telerik:RadPanelItem Text="My Licenses"></telerik:RadPanelItem>
                        </Items>
                    </telerik:RadPanelItem>
                </Items>
                <ExpandAnimation Type="OutQuart" Duration="200"></ExpandAnimation>
            </telerik:RadPanelBar>
                            </ContentTemplate>
                        </telerik:RadDock>
                    </telerik:RadDockZone>
  
         
        </td>
    <td style="border-style:none; vertical-align:top;">
        <asp:UpdatePanel ID="UpdatePanel1" runat="server" ChildrenAsTriggers="false" UpdateMode="Conditional" >
        <ContentTemplate>
          
       <telerik:RadTabStrip ID="tabMain" runat="server" 
                MultiPageID="multiPageMain" Skin="Office2007"
            AutoPostBack="True" ></telerik:RadTabStrip>
     <telerik:RadMultiPage ID="multiPageMain" runat="server" 
            RenderSelectedPageOnly="True" >
        </telerik:RadMultiPage>
          
        </ContentTemplate>
        <Triggers>
        <asp:AsyncPostBackTrigger ControlID="tabMain" />
        </Triggers>
        </asp:UpdatePanel>
    </td></tr>
      
    </table>
       
                                  
           
          
       
          
          
        
   
  
  
  
      
        <asp:ScriptManagerProxy ID="ScriptManagerProxy1" runat="server">
        </asp:ScriptManagerProxy>
        <asp:UpdateProgress id="UpdateMessagesProgress" DynamicLayout="false" runat="server" visible="true" DisplayAfter="250">
 <ProgressTemplate>
 <div id="progressBackgroundFilter"></div>
        <div id="processMessage" style=" text-align:center;"> Processing...<br /><br />
             <img alt="Loading" src="Images/busy.gif" />
        </div>
  
 </ProgressTemplate>
 </asp:UpdateProgress
         
      
    </asp:Content>

Kate
Telerik team
 answered on 19 Sep 2012
Narrow your results
Selected tags
Tags
+? more
Top users last month
Rob
Top achievements
Rank 3
Iron
Iron
Iron
Atul
Top achievements
Rank 1
Iron
Iron
Alexander
Top achievements
Rank 1
Veteran
Iron
Serkan
Top achievements
Rank 1
Iron
Shawn
Top achievements
Rank 1
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Rob
Top achievements
Rank 3
Iron
Iron
Iron
Atul
Top achievements
Rank 1
Iron
Iron
Alexander
Top achievements
Rank 1
Veteran
Iron
Serkan
Top achievements
Rank 1
Iron
Shawn
Top achievements
Rank 1
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?