Questions on UI for ASP.NET AJAX Forum

1 answer

155 views

Override web.config skin at the page level

We're transitioning certain pages of our project to a new skin. Basically what I'd like to do is use Telerik's Black skin as the default and then in my appthemes folder make the customizations. In my web config I have a Telerik.Skin defined in app settings <add key="Telerik.Skin" value="MyOldSkin" />

There is also a <pages styleSheetTheme="MyOldAppTheme" />

I need to on a page by page basis be allowed to override these two settings WITHOUT altering the original settings...I tried just on my aspx page

<%Page stylesheettheme="MyNewThemeFolder" ...
<telerik:radskinmananger skin="Black"

Is this possible? its somewhat kind of working sometimes but not really and I'm not sure I'm doing this correctly any help greatly appreciated.

General Discussions

answered on 13 Apr 2012

4 answers

372 views

permission denied to access property 'tagName'

I'm getting this error message when using radeditor with ToolbarMode="ShowOnFocus" and ContentAreaMode="Div"
along with any textbox

As soon as you focus on the TextBox the JS error comes up.

Using firefox 4.

telerik version 2011.1.510.40

<%@ 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>
</head>
<body>
    <form id="form1" runat="server">
    <telerik:RadScriptManager ID="RadScriptManager1" runat="server">
    </telerik:RadScriptManager>
    <div>
        <telerik:RadEditor ID="RadEditorFooter" runat="server" ToolbarMode="ShowOnFocus"
            ContentAreaMode="Div">
        </telerik:RadEditor>
        <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
    </div>
    </form>
</body>
</html>

How do i fix this?
thank you

Editor

answered on 13 Apr 2012

2 answers

243 views

How to undock a RadSlidingZone/RadSlidingPane programmatically in javascript

Hello Telerik-Team,
I know in some threads this problem is adressed, but I could not found a solution.

This is what I am doing, or rather would do, in my project.

I have a vertical RadSplitter control which contains in the left pane a RadScheduler and in the right pane another RadSplitter control. The RadSplitter control in the right pane is inside a RadSlidingZone/RadSlidingPane control.

At the start, the RadSlidingZone on the right is slided out, so the RadScheduler control is visible in the maximum width, which is working perfectily.

My goal is now, only to show a zoned out RadSlidingZone if the currently selected view of the RadScheduler (the left part of the vertical RadSplitter) is DayView or WeekView, i.e. when the user switches to the MonthView two two things should happen:

1. If in the DayView or in the WeekView the right part, i.e. the SlidingZone, was visible, it should zone out, so the month view has its maximal width

2. The button to slide in or out the sliding zone should be disabled, or at least not work if the user clicks it.

The second part works fine, i.e. I wrote a javascript function which is called with the right sliding out event, i.e. if the user clicks the SlidingZone button, I check in the java script method if the selected view is the month view, and if yes the event will be canceled (I found this trick on the forum, thanks a lot :-))

My problem is the first thing:
I found in this forum a way to automatically slide out the sliding zone, using the javascript functions RadSlidingZone.undock(<SlidingPaneId>) (if the pane is docked) or RadSlidingZone.collapse(<SlidingPaneId>) (if the pane is only expanded)

The RadSlidingZone.collapse() method works fine, i.e. at after changing the view (I do not use the navigation commands but an own combo box, i.e. I cannot use the OnNavigationCommand client event) and after loading the new html page I run a little java script . If the selected view is then month view, I call the collapse java script method. Naturally this works only if the RadSlidingZone is NOT DOCKED, but only expanded.

But if I change to day view, expand the SlidingZone and dock it (or use the property to dock it automatically after expanding it) and then change back to the month view, the docked SlidingZone will not undock. I know, in this case I have to use the undock() method of the SlidingZone, but when I use this, the return value is simply false. When I debug this, the RadSlidingZone property with the ID of the expanded AND the property with the ID of the DOCKED pane are both "null", therefore the undock() method will not work (neither the collapse() method).

I read in the forum that it is possible to undock the RadSlidingPane back on the server in C# (the C#-property which holds the ID of the docked pane can simply be set to zero). I tried this, and yes, the former docked RadSlidingPane will vanish BUT the left pane of my RadSplitter control, i.e. the RadScheduler control, will not be expanded to the right. It's width will not be changed, so that the RadScheduler pane does not change but the docked sliding pane will undock and therefore the area on the right of my vertical RadSplitter control is empty.

Do you have any ideas?

Is it possible to simulate the click of the undock button with java script? Because if the user first clicks the undock button and then changes the view type all works.

Greetings,
Richard

Splitter

answered on 13 Apr 2012

7 answers

157 views

Is RadRibbonBar collapse & expand available?

Hello

I'm building up my web application using RadRibbonBar.

I have a question that can RadRibbonBar collapse and expand like the one in Office 2010?

Because the ribbon bar seems to take a lot of space...

Thanks in advance.

Thanh Dang

RibbonBar

answered on 13 Apr 2012

5 answers

209 views

Problem with table row spacing inside radpanelbar

I have added a table control inside radpanelitem content template.
The issue is with the row, it does not take the height of the image inside it (6px)
If i render the table without the radpanelbar, the rows are rendered correctly.
I would appreciate any workaround for this issue.

Here is the code (please replace the images with different images to see the error) -

<telerik:RadPanelBar ID="RadPanelBar3" runat="server" ExpandMode="FullExpandedItem" Width="100%">
            <Items>
                <telerik:RadPanelItem runat="server" Text="search" Expanded="True">
                    <ContentTemplate >
                        <asp:Table runat="server" ID="tblsearchRequest" style="border-spacing:0;" CellSpacing="0" >
                            <asp:TableRow style="border-width:0">
                                <asp:TableCell style="margin:0;padding:0;border-width:0; font-size: 1px"> </asp:TableCell>
                                <asp:TableCell HorizontalAlign="left" style="padding-right: 4px; border-bottom: 1px solid #B4BBCD; padding: 0px; font-size: 1px"></asp:TableCell>
                                <asp:TableCell ID="tdAny" runat="server" HorizontalAlign="left" style="border-bottom: 1px solid #B4BBCD; padding-right: 4px; padding: 0px; height: 6px; font-size: 1px; width: 11px" VerticalAlign="bottom">
                                    <asp:Image Visible="false" Width="11" Height="6" ID="imgSelAny" runat="server" ImageUrl="~/Images/SelectArrow.gif" BorderWidth="0" ></asp:Image>
                                </asp:TableCell>
                                <asp:TableCell HorizontalAlign="left" style="padding-right: 4px; border-bottom: 1px solid #B4BBCD; padding: 0px; font-size: 1px"></asp:TableCell>
                                <asp:TableCell ID="tdAll" runat="server" HorizontalAlign="left" style="border-bottom: 1px solid #B4BBCD; padding-right: 4px; padding: 0px; height: 6px; font-size: 1px; width: 11px" VerticalAlign="bottom">
                                    <asp:Image Visible="false" ID="imgSelAll" Width="11" Height="6" runat="server" ImageUrl="~/Images/SelectArrow.gif" BorderWidth="0" ></asp:Image>
                                </asp:TableCell>
                                <asp:TableCell HorizontalAlign="left" style="padding-right: 4px; border-bottom: 1px solid #B4BBCD; padding: 0px; font-size: 1px"></asp:TableCell>
                                <asp:TableCell ID="tdBool" runat="server" HorizontalAlign="left" style="border-bottom: 0px solid #B4BBCD; padding-right: 4px; padding: 0px; height: 6px; font-size: 1px; width: 11px" VerticalAlign="bottom">
                                    <asp:Image ID="imgSelBool" Width="11" Height="6" runat="server" ImageUrl="~/Images/SelectArrow.gif" BorderWidth="0" ></asp:Image>
                                </asp:TableCell>
                                <asp:TableCell HorizontalAlign="left" style="padding-right: 4px; border-bottom: 1px solid #B4BBCD; padding: 0px; font-size: 1px"></asp:TableCell>
                                <asp:TableCell style="margin:0;padding:0;border-width:0; font-size: 1px"></asp:TableCell>
                            </asp:TableRow>
                        </asp:Table>
                    </ContentTemplate>
                </telerik:RadPanelItem>
            </Items>
    </telerik:RadPanelBar>

PanelBar

answered on 13 Apr 2012

3 answers

175 views

Listbox Vertical Scrollbar on Android

Hi,

The problem is when I use vertical scrollbar on RadListBox on Android browser it selects the item I clicked to start scrolling, I don't want the listbox to select Item while I'm scrolling.

could you help me please.

ListBox

answered on 13 Apr 2012

7 answers

166 views

GetResources gets called without me being able what user is logged in

Dear Telerik.

I was following our examples of RadScheduler with Teachers and Students as ResourceTypes. I build dynamic resource types per user (every user can CRUD their resource types). For this to happen I obviously need to store user id inside every resource type.
I use web service approach (this is the only option if you work with MVC) with ResourcePopulationMode="ServerSide".
In my public class SchedulerProvider : SchedulerProviderBase

public override IEnumerable<Appointment> GetAppointments(ISchedulerInfo schedulerInfo)
    {
      var membershipUser = Membership.GetUser();

membershipUser is the user that is currently logged in user, which is expected.

However, in here in the same class:

    public override IDictionary<ResourceType, IEnumerable<Resource>> GetResources(ISchedulerInfo schedulerInfo)
    {
      var membershipUser = Membership.GetUser();

memebrshipUser is ALWAYS NULL regardless if somebody is logged in or not.

It seems to me that its a different instance of the same class, which I cannot figure out why.
This is preventing me from being able to retrieve only relevant resource types and resources for currently logged in user.
Can you please guide me through what should be done here (how to get the resource types for currently logged in user inside GetResources), and if I am using RadScheduler control the right way in MVC environment at all.

Thank you very much in advance!

Scheduler

answered on 13 Apr 2012

2 answers

108 views

RadAjaxManager: Javascript breaks after event

I've got some Javascript bound to the click event for a bunch of buttons in an asp:repeater representing time slots. Once the buttons are updated through the RadAjaxManager, the Javascript no longer works. If I remove the RadAjaxManager stuff (so it does full PostBacks), it works fine. I've tried moving the Javascript into various places. I've tried using .on rather than just binding .click directly but can't seem to make it work.

jQuery(function($) {

$(".SelectScheduleDate").on("click", selectTime);

}

Any thoughts on what I need to do differently?

David

Ajax

answered on 13 Apr 2012

1 answer

91 views

RadEditor permissions

Hi,

We have recently installed the radeditor as the default editor in our Sharepoint 2010 installation. One request that has been mentioned is the ability to have different tools available based on the users permissions in sharepoint. e.g. a power user or sharepoint administrator may wish to have the HTML view availaible to do some more advanced customisations / fix user errors.

Is it possible to control toolbar / editor configurations on a per user basis?

I have searched around the internet and forums and found no reference as to how to achieve this in sharepoint environment.

Sharepoint Integration