Telerik Forums
UI for ASP.NET AJAX Forum
1 answer
126 views
Hi everybody.
I'm a little confused here with the process to create a custom skin for the RadControls.

I got a RadMenu, RadPanelBar and RadDecorator custom skins.
I followed the instructions explained here: http://www.telerik.com/community/forums/community-forums/design/telerik-skinning-tutorial.aspx
Basically says that you take one existing skin, customize the images and the corresponding css file and that's all.
Well, this works great.

BUT I got a problem. This skins and controls are from the Rad Controls for Asp.Net Ajax Q3 2008.
I have to upgrade and use Rad Controls for Asp.Net Ajax 2009.
And the skins now are broken, they are not being rendered correctly and now they look ugly  and the reason is that the WebResources.css file that is created behind the scenes is affecting the current skin styles.

So , what is the point of creating custom skins that will work only for one version of the Telerik Controls?
Is there a way to avoid this problem?
What is exactly WebResources.css?

Thank you

Alex Gyoshev
Telerik team
 answered on 22 May 2009
5 answers
215 views
Hi

Can you tell me what is called when the day week month items at the top are pressed please? as i am trying to do specific things based on what selectedview is currently selected and for some reason when i am setting the selectedview it doesnt seem to change?.

Thanks
T. Tsonev
Telerik team
 answered on 22 May 2009
2 answers
135 views
Hi

I dont seem to be able to double click to add an appointment anymore? I think i must have deleted something by mistake but i cant seem to see what it is? Can you help?
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="calendars.aspx.cs" Inherits="modules_Admissions_calendars_calendars"  Trace="true"%> 
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/tr/xhtml11/dtd/xhtml11.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml">  
<head runat="server">  
 
<style type="text/css">    
    .disableDelete .rsAptDelete    
    {    
        display: none;    
    }      
      
    div.RadScheduler_Office2007 .rsMonthView .rsTodayCell  
    {  
        background-color:ButtonShadow;   
    }  
 
</style>    
</head> 
<body style="background-color: White" > 
    <form id="form1" runat="server" > 
    <Telerik:RadScriptManager runat="Server" ID="RadScriptManager1" /> 
 
    <script type="text/javascript">  
 
        var intCalendarWidth = 0;  
        var intCalendarHeight = 0;  
          
        /* Firefox resize scrollable content */  
        function hideScrollableArea(sender, eventArgs) {  
            if ($telerik.isFirefox)  
                $telerik.$('.rsContentScrollArea').css('overflow', 'hidden');  
        }  
        function showScrollableArea(sender, eventArgs) {  
            if ($telerik.isFirefox)  
                $telerik.$('.rsContentScrollArea').css('overflow', 'auto');  
        }  
 
        function OnClientAppointmentEditing(sender, eventArgs)   
        {  
            var appointmentObject = eventArgs.get_appointment();  
 
            arrayAppointmentID = appointmentObject.get_id().split('_');  
 
            if (arrayAppointmentID[0].toUpperCase() != "INTERVIEW" && arrayAppointmentID[0].toUpperCase() != "VISIT")   
            {  
                eventArgs.set_cancel(true);  
            }  
            else   
            {  
                eventArgs.set_cancel(false);  
            }              
 
        }  
 
        function OnClientAppointmentMoveStart(sender, eventArgs)   
        {  
            var appointmentObject = eventArgs.get_appointment();  
 
            arrayAppointmentID = appointmentObject.get_id().split('_');  
     
            if (arrayAppointmentID[0].toUpperCase() != "INTERVIEW" && arrayAppointmentID[0].toUpperCase() != "VISIT")   
            {  
                eventArgs.set_cancel(true);  
            }  
            else   
            {  
                eventArgs.set_cancel(false);  
            }  
 
        }  
 
    </script> 
         
    <Telerik:RadAjaxManager runat="Server" ID="RadAjaxManager1">  
        <AjaxSettings> 
                <Telerik:AjaxSetting AjaxControlID="RadCalendar1">  
                <UpdatedControls>                   
                <Telerik:AjaxUpdatedControl ControlID="RadScheduler1" LoadingPanelID="RadAjaxLoadingPanel1" /> 
                </UpdatedControls> 
                </Telerik:AjaxSetting> 
 
                <Telerik:AjaxSetting AjaxControlID="RadCalendar2">  
                <UpdatedControls> 
                <Telerik:AjaxUpdatedControl ControlID="RadCalendar1" /> 
                <Telerik:AjaxUpdatedControl ControlID="RadScheduler1" LoadingPanelID="RadAjaxLoadingPanel1" /> 
                </UpdatedControls> 
                </Telerik:AjaxSetting> 
 
                <Telerik:AjaxSetting AjaxControlID="chkVisits">  
                <UpdatedControls> 
                <Telerik:AjaxUpdatedControl ControlID="RadScheduler1" LoadingPanelID="RadAjaxLoadingPanel1" /> 
                </UpdatedControls> 
                </Telerik:AjaxSetting> 
 
                <Telerik:AjaxSetting AjaxControlID="chkInterviews">  
                <UpdatedControls> 
                <Telerik:AjaxUpdatedControl ControlID="RadScheduler1" LoadingPanelID="RadAjaxLoadingPanel1" /> 
                </UpdatedControls> 
                </Telerik:AjaxSetting> 
 
                <Telerik:AjaxSetting AjaxControlID="chkDOB">  
                <UpdatedControls> 
                <Telerik:AjaxUpdatedControl ControlID="RadScheduler1" LoadingPanelID="RadAjaxLoadingPanel1" /> 
                </UpdatedControls> 
                </Telerik:AjaxSetting> 
 
                <Telerik:AjaxSetting AjaxControlID="chkRegistered">  
                <UpdatedControls> 
                 <Telerik:AjaxUpdatedControl ControlID="RadScheduler1" LoadingPanelID="RadAjaxLoadingPanel1" /> 
                </UpdatedControls> 
                </Telerik:AjaxSetting> 
                  
                <Telerik:AjaxSetting AjaxControlID="chkEnquiry">  
                <UpdatedControls> 
                <Telerik:AjaxUpdatedControl ControlID="RadScheduler1" LoadingPanelID="RadAjaxLoadingPanel1" /> 
                </UpdatedControls> 
                </Telerik:AjaxSetting> 
                  
                <Telerik:AjaxSetting AjaxControlID="chkProspectus">  
                <UpdatedControls> 
                <Telerik:AjaxUpdatedControl ControlID="RadScheduler1" LoadingPanelID="RadAjaxLoadingPanel1" /> 
                </UpdatedControls> 
                </Telerik:AjaxSetting> 
                  
                <Telerik:AjaxSetting AjaxControlID="chkWithdrawn">  
                <UpdatedControls> 
                <Telerik:AjaxUpdatedControl ControlID="RadScheduler1" LoadingPanelID="RadAjaxLoadingPanel1" /> 
                </UpdatedControls> 
                </Telerik:AjaxSetting> 
                  
                <Telerik:AjaxSetting AjaxControlID="chkRejected">  
                <UpdatedControls> 
                <Telerik:AjaxUpdatedControl ControlID="RadScheduler1" LoadingPanelID="RadAjaxLoadingPanel1" /> 
                </UpdatedControls> 
                </Telerik:AjaxSetting> 
                  
                <Telerik:AjaxSetting AjaxControlID="RadScheduler1">  
                <UpdatedControls> 
                <Telerik:AjaxUpdatedControl ControlID="RadScheduler1" LoadingPanelID="RadAjaxLoadingPanel1" /> 
                </UpdatedControls> 
                </Telerik:AjaxSetting> 
              
        </AjaxSettings> 
    </Telerik:RadAjaxManager> 
    <Telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Skin="Office2007"/>  
 
        <Telerik:RadSplitter runat="server" ID="RadSplitter1" PanesBorderSize="0" Width="100%" Height="100%" Skin="Office2007" >                     
          
                <!-- the scheduler view --> 
                <Telerik:RadPane runat="Server" ID="leftPane" Scrolling="None">   
                <div style="padding:10px 0px 10px 10px;">  
                    <Telerik:RadScheduler Culture="en-GB" runat="server" ID="RadScheduler1" Skin="Office2007" EnableEmbeddedSkins="True" 
                        ShowFooter="true"  DayStartTime="08:00:00" DayEndTime="21:00:00"   
                        TimeZoneOffset="00:00:00" OverflowBehavior="Expand" Height="100%" 
                        TimelineView-UserSelectable="false"   
                        FirstDayOfWeek="Monday" LastDayOfWeek="Friday" CustomAttributeNames="customTitle" OnClientAppointmentEditing="OnClientAppointmentEditing"    
                        OnClientAppointmentMoveStart="OnClientAppointmentMoveStart" ShowAllDayRow="true" OnFormCreated="RadScheduler1_FormCreated" 
                        MinimumInlineFormWidth="300" MinimumInlineFormHeight="150" MinutesPerRow="15" TimeLabelRowSpan="1" HoursPanelTimeFormat="HH:mm:tt" MonthView-VisibleAppointmentsPerDay="5" > 
                        <AppointmentTemplate> 
                            <asp:Label ID="lblTitle" runat="server"><%# Eval("customTitle") %></asp:Label>   
                        </AppointmentTemplate>   
                        <InlineInsertTemplate> 
                           <div id="InlineInsertTemplate">  
                            <table width="100%" border="0">  
                                <tr>                                  
                                    <td align="right">Note</td>                             
                                    <td> 
                                        <asp:TextBox ID="txtboxNote" runat="server" TextMode="MultiLine" Width="100%" Height="50px"></asp:TextBox> 
                                    </td> 
                                </tr> 
                                <tr> 
                                    <td align="right">Appointment Type</td> 
                                    <td> 
                                       <asp:HiddenField ID="hiddenCalendarTypes" runat="server" Value='<%# Bind("calendarType") %>' /> 
                                        <asp:DropDownList ID="ddlCalendarTypes" runat="server"  AutoPostBack="true" OnSelectedIndexChanged="ddlCalendarTypes_selectedIndexChanged"></asp:DropDownList> 
                                    </td> 
                                </tr> 
                                <tr> 
                                    <td colspan="2" align="right">  
                                        <table> 
                                            <tr> 
                                                <td> 
                                                      <iSAMS:iSAMSButton ID="InsertButton" runat="server" CommandName="Insert" Text="Submit"/></iSAMS:iSAMSButton> 
                                                </td> 
                                                <td>&nbsp</td>                         
                                                <td> 
                                                      <iSAMS:iSAMSButton ID="CancelButton" runat="server" CommandName="Insert" Text="Cancel"/></iSAMS:iSAMSButton> 
                                                </td> 
                                            </tr> 
                                        </table> 
                                    </td> 
                                </tr> 
                            </table> 
                                  
                           </div> 
                        </InlineInsertTemplate>   
                                                 
                    </Telerik:RadScheduler>                  
                    </div>             
                </Telerik:RadPane>                
 
              <Telerik:RadPane runat="Server" ID="RightPane" Width="240px" MinWidth="240" MaxWidth="240"   
                    Scrolling="None" OnClientBeforeResize="hideScrollableArea" OnClientResized="showScrollableArea" 
                    OnClientBeforeExpand="hideScrollableArea" OnClientExpanded="showScrollableArea" 
                    OnClientBeforeCollapse="hideScrollableArea" OnClientCollapsed="showScrollableArea" > 
                      <div style="padding:10px">  
                    <div class="calendar-container" align="center" style="padding-bottom:10px"> <!--  holds the calendar--> 
                      
                        <Telerik:RadCalendar runat="server" ID="RadCalendar1" Skin="Office2007" AutoPostBack="true" 
                            EnableMultiSelect="false" DayNameFormat="FirstTwoLetters" EnableNavigation="true" 
                            EnableMonthYearFastNavigation="false" OnSelectionChanged="RadCalendar1_SelectionChanged" 
                            Width="220px" > 
                        </Telerik:RadCalendar> 
                          
                    </div> 
                      
                     <!-- the checkbox selectors --> 
                    <Telerik:RadPanelBar runat="server" Skin="Office2007" ID="PanelBarMarketing" Width="100%">     
                        <Items>                            
                            <Telerik:RadPanelItem runat="server" Text="Marketing" Expanded="true" Width="100%">  
                                <Items> 
                                    <Telerik:RadPanelItem runat="server" ID="PanelBarMarketingCheckboxes">  
                                        <ItemTemplate> 
                                            <div> 
                                                <div> 
                                                    <asp:CheckBox ID="chkVisits" runat="server" Text="Visits" Checked="true" AutoPostBack="true" 
                                                        OnCheckedChanged="CheckBoxes_CheckedChanged" /> 
                                                </div> 
                                                <div> 
                                                    <asp:CheckBox ID="chkInterviews" runat="server" Text="Interviews" Checked="true" AutoPostBack="true" 
                                                        OnCheckedChanged="CheckBoxes_CheckedChanged" /> 
                                                </div> 
                                            </div> 
                                        </ItemTemplate> 
                                    </Telerik:RadPanelItem> 
                                </Items> 
                            </Telerik:RadPanelItem> 
                        </Items> 
                    </Telerik:RadPanelBar> 
                     <Telerik:RadPanelBar runat="server" Skin="Office2007" ID="PanelBarPupil" Width="100%">     
                        <Items>                            
                            <Telerik:RadPanelItem runat="server" Text="Pupil" Expanded="true">  
                                <Items> 
                                    <Telerik:RadPanelItem runat="server" ID="PanelBarPupilCheckboxes" > 
                                        <ItemTemplate> 
                                            <div> 
                                                <div > 
                                                    <asp:CheckBox ID="chkDOB" runat="server" Text="DOB" Checked="true" AutoPostBack="true" 
                                                        OnCheckedChanged="CheckBoxes_CheckedChanged" /> 
                                                </div> 
                                                <div> 
                                                    <asp:CheckBox ID="chkRegistered" runat="server" Text="Registered" Checked="true" AutoPostBack="true" 
                                                        OnCheckedChanged="CheckBoxes_CheckedChanged" /> 
                                                </div> 
                                                <div> 
                                                    <asp:CheckBox ID="chkEnquiry" runat="server" Text="Enquiry" Checked="true" AutoPostBack="true" 
                                                        OnCheckedChanged="CheckBoxes_CheckedChanged" /> 
                                                </div> 
                                                 <div> 
                                                    <asp:CheckBox ID="chkProspectus" runat="server" Text="Propsectus Sent" Checked="true" AutoPostBack="true" 
                                                        OnCheckedChanged="CheckBoxes_CheckedChanged" /> 
                                                </div> 
                                                <div> 
                                                    <asp:CheckBox ID="chkWithdrawn" runat="server" Text="Withdrawn" Checked="true" AutoPostBack="true" 
                                                        OnCheckedChanged="CheckBoxes_CheckedChanged" /> 
                                                </div> 
                                                <div> 
                                                    <asp:CheckBox ID="chkRejected" runat="server" Text="Rejected" Checked="true" AutoPostBack="true" 
                                                        OnCheckedChanged="CheckBoxes_CheckedChanged" /> 
                                                </div> 
                                            </div> 
                                        </ItemTemplate> 
                                    </Telerik:RadPanelItem> 
                                </Items> 
                            </Telerik:RadPanelItem> 
                        </Items> 
                    </Telerik:RadPanelBar> 
                     </div>      
                </Telerik:RadPane> 
                  
        </Telerik:RadSplitter> 
 
    <!-- Critical Error Display --> 
    <table id="tblCriticalError" runat="server" width="100%" height="100%" visible="false">  
        <tr> 
            <td> 
                <iSAMS:InfoTable runat="server" ID="infCriticalError" StyleType="PageError" HeadingText="The following error occurred:" /> 
            </td> 
        </tr> 
    </table> 
    <asp:HiddenField ID="hiddenWidth" runat="server" Value="" /> 
    <asp:HiddenField ID="hiddenHeight" runat="server" Value="" /> 
    </form> 
</body> 
</html> 
 
Thanks
Andrew
Top achievements
Rank 1
 answered on 22 May 2009
2 answers
187 views
Hi,

I need to be able to construct the following control completely from C# code (not declaratively):

 

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Height="100%" Width="75px" Transparency="50">

  <table style="height: 100%; width: 100%" border="0">

    <tr>

      <td width="100%" align="center" valign="middle">

        <img src='<%= RadAjaxLoadingPanel.GetWebResourceUrl(Page, "Telerik.Web.UI.Skins.Default.Ajax.loading2.gif") %>' alt="" style="border: 0px;" />

      </td>

    </tr>

  </table>

</telerik:RadAjaxLoadingPanel>

 


Any ideas?  I can find no way to access the template portion of the RadAjaxLoadingPanel from code.

-Al

 

 

 

 

 

 

 

 

 

 

 

 

apb
Top achievements
Rank 1
 answered on 22 May 2009
1 answer
156 views
I am trying to use an image button inside of a rad window. When I point the image url property to a dynamic source (i.e. ImageUrl="ImageButton.ashx?Text=Go") the request never reaches the handler. When I point the image url to a static source (i.e. ImageUrl="images/go.jpg") it works fine. I have test the same code outside of the rad window at it works. Is there a property or setting that I need to set to enable the rad window to parse the controls correctly?

Thanks.

Chris
Georgi Tunev
Telerik team
 answered on 22 May 2009
1 answer
115 views
Hello, I'm trying to build a weekly recurrence rule string based on 7 asp.net checkboxes (1 for each day of the week) and was wondering what the c# code should look like.  Here is my initial novice attempt which is probably way off as it doesn't appear to be working:

var temp_WeeklyRecurrenceRule = new WeeklyRecurrenceRule(1,
                                                                                                          (chkSU.Checked ? RecurrenceDay.Sunday : null) |
                                                                                                          (chkMO.Checked ? RecurrenceDay.Monday : null) |
                                                                                                          (chkTU.Checked ? RecurrenceDay.Tuesday : null) |
                                                                                                          (chkWE.Checked ? RecurrenceDay.Wednesday : null) |
                                                                                                          (chkTH.Checked ? RecurrenceDay.Thursday : null) |
                                                                                                          (chkFR.Checked ? RecurrenceDay.Friday : null) |
                                                                                                          (chkSA.Checked ? RecurrenceDay.Saturday : null),
                                                                                                      Temp_Recurrence_range_Standard);

I'm hoping that there's an easy way of having it check each week day checkbox and then append it or not append it if it wasn't checked to the WeeklyRecurrenceRule object instead of having it check all different combinations.

Thanks in advance.
T. Tsonev
Telerik team
 answered on 22 May 2009
1 answer
137 views
I am implementing a Self-referencing Hierarchy grid and it works great for showing the parent and child relationships.  The two columns used are ID and ParentID.  I have to allow my users to search for items in the grid and since I have a filter expression of

MasterTableView.FilterExpression = "ParentID IS NULL";

this causes the child items to appear under the parent.  Problem is that if say someone changes a lastname and searches by lastname, the query will only bring back the child record, and since the filter is set, it will never show the child record.  Is there anyway to show the children if they do not have a parent?  Hopefully this makes sense to someone.

Thanks,

Jason
Georgi Krustev
Telerik team
 answered on 22 May 2009
6 answers
217 views
Hello,

Our company decided over a year ago to utilize the Telerik control set.  We are now finding that every release requires many hours to fix all the incompatablities your new versions create.

Here are the support tickets for just the last release:

Ticket ID: 207320 Various Style Problems with version (v. 2009.1.402.20)

Ticket ID: 202049 Problems caused by conflict between Radmenu and Grid context-menu

Ticket ID: 212575 RadWindow problems using last version 2009.1.402


Within our company these tickets represent 47 hours of work by my team and we still have not addressed all the problems:

Ticket ID:  1835 Problems with CSS in Telerik (v. 2009.1.402.20) - 32.00hs

Ticket ID:  1854 New Telerik Pagination control at requires to be reviewed – 6.50hs

Ticket: 1924 LMS review bugs testing report telerik -  8.75hs


Now we are having problems with RadWindow.  Here is the latest reply from your team:

The problem here is due to the fact that you are using DNN that use HTML DocType:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" 

RadWindow (and all RadControls) for ASP.NET AJAX are built upon the MS Ajax framework that uses XHTML DocType and they rely to this DocType for proper showing and positioning on the page.
In your case we could suggest one of the following solutions:

  1. Upgrade to a recent version of DNN (4.9x and above) where XHTML DocType is used.
  2. Restrict the maximizing of the RadWindow by using the Behaviors property.

Regards,
Georgi Tunev

We have invested 8 man years into a Learning Management System that installs as a module set into the DotNetNuke portal framework.  Your team continues to break our product with each new release and now you are telling us that "All RadControls rely on XHTML for proper positioning"?  The bulk of DNN websites (our customers) are using skins that are NOT XHTML doctype.  What should we tell all these people?  They have to change their site skin to run our LMS?!?!?

Last September when you hammered the name spaces - which requires clients who upgrade to delete dll's using FTP (try explaining this over the phone) you assured me: "Backwards compatibility is now a critical priority for all new releases. We now have a mature product which will not change as much as in the past and we can assure you that breaking changes will be restrained to the absolute minimum."

http://www.telerik.com/community/forums/aspnet-ajax/chart/problem-with-dll.aspx

Questions:

1 - Is there anyone inyour organization that cares about backward compatablity?  

2 - How can we possibly continue to utilize your control set given that we market to a wide audience of DNN users?

3 - It would take us at least 3 months to remove all your controls from our application.  what are our options? 

4 - You've assured me before that your upgrades would be "restrained to the absolute minimum."  Can I trust your company any longer?

I'm trying to run a business.  Our product launch is already behind.  I need to pay my staff - we have wives and families to feed.  This is not just a technical problem.

A thoughtful, considerate and helpful reply would be appreciated.

Thanks,
Chris





Ivo
Telerik team
 answered on 22 May 2009
1 answer
118 views
I'm getting the following error...

This constraint cannot be enabled as not all values have corresponding parent values.


I'm using a prebuilt database that already has a path system in place. I'm trying to use the same data from the database so that when changes are made, they reflect in all applications using that database. I'm thinking that the reason i'm getting this error is because some of the initial Parent IDs are 0s. Is there a way to get around this?

Here is a link to a screen shot of the table
http://img188.imageshack.us/img188/5590/70368387.png



Ben
Top achievements
Rank 1
 answered on 22 May 2009
4 answers
160 views
Hi,

In my webapp, I use Telerik lib and ASP.NET Ajax Toolkit.

Which ScriptManager should I use ?

Thanks.
Veselin Vasilev
Telerik team
 answered on 22 May 2009
Narrow your results
Selected tags
Tags
+? more
Top users last month
Tien
Top achievements
Rank 1
Iron
Krasimir
Top achievements
Rank 3
Bronze
Iron
Iron
Cedar
Top achievements
Rank 1
Iron
Emil
Top achievements
Rank 1
Iron
Kyle Watson
Top achievements
Rank 1
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Tien
Top achievements
Rank 1
Iron
Krasimir
Top achievements
Rank 3
Bronze
Iron
Iron
Cedar
Top achievements
Rank 1
Iron
Emil
Top achievements
Rank 1
Iron
Kyle Watson
Top achievements
Rank 1
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?