Questions on UI for ASP.NET AJAX Forum

1 answer

140 views

Dynamically loading content file and context menu

Hello

According to the API available, it is possible to load the content file and the context menus dynamically by setting the following properties

· ContentFile

· ContextMenuContentFile

For e.g.

ContentFile="~/Examples/Programming/ContextMenu/tree.xml"

ContextMenuContentFile="~/Examples/Programming/ContextMenu/ContextMenus.xml"

But we are unable to find the properties in the TreeView control (please see the snapshot below)

Moreover we are able to load the ContentFile dynamically, using the LoadContentFile method as shown below; but the corresponding

LoadContextMenusXmlString is not available (Please see the snapshot below)

We have the following version

Telerik.Web.UI.dll 2009.1.311.35

Name:	Telerik.Web.UI.RadTreeView
Assembly:	Telerik.Web.UI, Version=2009.1.311.35

Please let me know if you need to more information.

Regards,
Abhishek

TreeView

answered on 17 Aug 2009

1 answer

126 views

[Solved] Font shrinks/changes

I am trying to use the Rotator to display something like the sample here: http://demos.telerik.com/aspnet-ajax/rotator/examples/testimonial/defaultcs.aspx and want to report a bug I came across.

The problem I am having (and is duplicated in the above sample - although very subtle since the font size is small) is after the 1st "testimonial" is displayed (fonts look correct) subsequent text that is displayed has font changes (sort of like going from bold to normal). The larger the font size the more obvious it becomes.

It can easily be duplicated it by using the above sample demo page and increasing the font size so it becomes more apparent. This used to work fine in a much older build of the control. I'm not sure when it broke but happened to notice it when I started using this control again.

UPDATE: After downgrading to 2008 Q3 1314 build the problem disappeared. So the problem cropped up after that point.

Rotator

answered on 17 Aug 2009

8 answers

286 views

RadTabStrip : MultiPage with one person working per pageview

Hi,

Is it possible that we can have nultiple person working at a time on one tabstrip with one person per pageview? Means onclick of other tab tabstrip remains intact and other tab opens with in tabstrip(which is diff page altogather) using RadTabstrip?

Manish

TabStrip

answered on 17 Aug 2009

1 answer

145 views

Scrolling won't work

I have a page with a radsplitter. On the left side there is a radpanel inside of it. The problem I am having is that if the radpanel grows bigger than the page, you can't scroll. I have scrolling enabled but it doesn't work. You can see my problem by expanding the first option "Live Music" under events here http://alpha.clickablecommunity.com/ here is my masterpage file and css
<%@ Master Language="VB" AutoEventWireup="false" %>

<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
<%@ Register TagPrefix="sidepanel" TagName="sidebar" src="/ascx/leftMenu.ascx"%>
<%@ Register TagPrefix="loginDivTemplate" TagName="login" src="/ascx/loginTemplate.ascx"%>
<!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">
<%@ import namespace="System.Data" %>
<%@ import namespace="System.Data.Sql" %>
<%@ import namespace="System.Data.SqlClient" %>
<%@ import namespace="Telerik.Web.UI" %>
<head id="Head1" runat="server">
    <link href="ClickableCommunity.css" rel="stylesheet" type="text/css" />
    <title></title>
    <asp:ContentPlaceHolder ID="head" runat="server">
    </asp:ContentPlaceHolder>
</head>
<body id="MasterBody" runat="server" style="margin: 0px; height: 100%; overflow: hidden;"
    scroll="no">
    <form id="Form1" method="post" runat="server" style="height: 100%">
    <asp:ScriptManager ID="ScriptManager1" runat="server">
    </asp:ScriptManager>
    <br />
    <asp:ContentPlaceHolder ID="header" runat="server">
    </asp:ContentPlaceHolder>
    <div id="loginDiv">
        <loginDivTemplate:login id="loginPanelContent" runat="server"></loginDivTemplate:login>
    </div>
    <div id="topDiv">
        <div id="image" class="topDivImage">
            <img src="images/logo.jpg" alt="Clickable Community Logo" width="200" height="75" />
        </div>
        <div id="viewMenu" class="viewMenu">
            Menu goes here
        </div>
    </div>
    <telerik:RadSplitter ID="RadSplitter1" runat="server" Orientation="Vertical" Width="100%"
        Height="100%" CssClass="AllContent" LiveResize="true">
        <telerik:RadPane ID="LeftRadPane1" runat="server" Width="220px" Scrolling="Both"
            BorderStyle="None" BorderSize="0">
            <div id="leftPanel">
                <sidepanel:sidebar id="leftPanelContent" runat="server"></sidepanel:sidebar>
            </div>
        </telerik:RadPane>
        <telerik:RadSplitBar runat="server" ID="RadSplitBar2" CollapseMode="Forward" EnableResize="false"
            ForeColor='Green' />
        <telerik:RadPane ID="RightRadPane1" runat="server" CssClass="RightPanelPadding" Scrolling="Both"
            BorderStyle="None" BorderSize="0">
            <asp:ContentPlaceHolder ID="MainContent" runat="server">

            </asp:ContentPlaceHolder>
        </telerik:RadPane>

    </telerik:RadSplitter>
    </form>
</body>
</html>

css page
body {
height:100%;
}
#leftPanel{
    display:inline;
    height:500px;
    width:220px;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;

}
.loginLabel{
    padding-right: 10px;
    padding-bottom: 10px;
}
.loginTextBox{
    width: 120px;
}
.leftPanelContent{

}
#topDiv{
    height: 60px;
    border-bottom-width: 4px;
    border-bottom-color: Gray;
    border-bottom-style:groove;

}
#loginDiv{
    position: absolute;
    display:inline;
    right: 10px;
    top: 5px;
}
#menuDiv{
    position: absolute;
    padding-top: 75px;
    margin-left: auto;
    margin-right:auto;
}
.AllContent{
    border-right: none;

}
#MainContent{
    display:inline;
    height:500px;
    width:400px;
}
.displayInline{
    display: inline;
}
#divMap{
    height:480px;
    width:700px;
    border: groove 4px #EEEEEE;
    border-right: groove 4px #EEEEEE;
    margin-left: auto;
    margin-right: auto;
}
.RightPanelPadding
{
   position: relative;
   height:500px;
   padding-left: 35px;
   padding-top:10px;

}
.topDivImage{
position: absolute;
top: 0;
left: 0;
display:inline;
width:220px;
}
.viewMenu{
padding-left:220px;
margin-right:auto;
margin-left:auto;
text-align:center;
width:800px;
vertical-align:bottom;
padding-top: 46px;
}
.emptyTextboxText{

    font-style:italic;
    font-size:10px;
    color: #D8D8D8;

}

Splitter

answered on 17 Aug 2009

1 answer

148 views

Rotate static text in rotator

Please Help??

How to Rotate a "static text" in Rotator ???

Rotator

answered on 17 Aug 2009

2 answers

115 views

Customised Image Manager

Using various help articles I've read on this site, I've overridden the Image Manager dialogue in my Editor, and for the most part it seems to work, in that the selected image is placed into my text editor correctly, but then clicking on the newly placed image (left or right click), or selecting it using the keyboard, gives me an error. By the looks of things, focusing on the image is what triggers it. I don't have any interest in passing the selected image back to the image mamager, or providing context menu support, only perhaps to be able to cut/paste the image tag that it generated.

Webpage error details:

User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 5.1; Trident/4.0; GTB5; InfoPath.1; .NET CLR 1.1.4322; .NET CLR 2.0.50727; .NET CLR 3.0.04506.648; .NET CLR 3.5.21022; WWTClient2; .NET CLR 3.0.4506.2152; .NET CLR 3.5.30729)
Timestamp: Wed, 12 Aug 2009 15:59:46 UTC

Message: 'top' is null or not an object
Line: 2255
Char: 1
Code: 0
URI: http://localhost/myproject/ScriptResource.axd?d=hpeMsrj0DJn-Q2ateRZcjsIrr_IeFTKdapS0Cz_SmT0NhhOD6wbIAdPCt04I7VrGdieSBHWkP2PpIWSzPTrQig2&t=7dfff488

My code so far is that I have a radEditor inside a usercontrol, which sits inside a radPageView, which is defined in my default.aspx page

                <telerik:RadEditor
                    ID="AbstractContent"
                    runat="server"
                    ToolsFile="xml/advancedtoolsfile.xml"
                    Skin="Telerik"
                    AutoResizeHeight="false"
                    EnableResize="false"
                    Width="800"
                >
                <ContextMenus>
                    <telerik:EditorContextMenu TagName="IMG" Enabled="false" />
                </ContextMenus>
                </telerik:RadEditor>

                <script type="text/javascript">
                    Telerik.Web.UI.Editor.CommandList["ImageManager"] = function(commandName, editor, args) {
                        var elem = editor.getSelectedElement(); //returns the selected element.

                        if (elem.tagName == "IMG") {
                            editor.selectElement(elem);
                            argument = elem;
                        }
                        else {
                            var img = editor.get_document().createElement("IMG");
                            argument = img;
                        }

                        var myCallbackFunction = function(sender, args) {
                            editor.pasteHtml(String.format("<img src='{0}' title='{1}' alt='{2}' />", args.src, args.altText, args.altText))
                        }

                        editor.showExternalDialog(
                            'InsertMedia.aspx',
                            argument,
                            900,
                            500,
                            myCallbackFunction,
                            null,
                            'Insert Image',
                            true,
                            Telerik.Web.UI.WindowBehaviors.Close + Telerik.Web.UI.WindowBehaviors.Move,
                            false,
                            false);
                    };
                    </script>

with my InsertMedia.aspx page having a gridview that allows a user to sort/filter a database managed image collection, with this small block of javascript underneath:

    <script type="text/javascript">
        function getRadWindow() {
            if (window.radWindow) {
                return window.radWindow;
            }
            if (window.frameElement && window.frameElement.radWindow) {
                return window.frameElement.radWindow;
            }
            return null;
        }
    </script>

and the InsertMedia.aspx.cs having the following, which occurs when the "select" server side event fires in my dialogue window:

    
            System.Text.StringBuilder sb = new System.Text.StringBuilder();

            sb.Append("var workImage = getRadWindow().ClientParameters;");

            sb.Append(String.Format("workImage.src = '{0}{1}';", GetMediaRootWebPath(), SelectedMediaContent.UrlPrimary));

            sb.Append(String.Format("workImage.altText = '{0}';", SelectedMediaContent.AltText));

            sb.Append("getRadWindow().close(workImage);");

            this.Page.ClientScript.RegisterStartupScript(this.GetType(), "ReturnImage", sb.ToString(), true);

As I say, the system seems to be working as it places the created <img> tag in the editor window, but then focusing on the new img results in the error I pasted above. Any suggestions on what I might need to disable to stop this error? I very much doubt I need it to do whatever it's trying to do when I focus on it!

Cheers,

Andrew

Editor

answered on 17 Aug 2009

3 answers

60 views

What am I doing wrong re: custom skins?

I'm trying to set up the Scheduler to use a custom skin. For now, I'm just copying the Office2007 skin into my project and trying to get it to look correct.

I've copied the Scheduler.Office2007.css file into my project directory and included it in my project. I also copied the 'Scheduler' folder with all the .gif and .png files and included it in my project.

I registered the skin in my .aspx file, like so:

<head runat="server">
    <title>My Calendar</title>
    <link href="Scheduler.Office2007.css" rel="stylesheet" type="text/css" />
</head>

I set EnabledEmbeddedSkins to false, like so:

<telerik:RadScheduler ID="RadScheduler1" runat="server" width="100%" Height = "600px"
         HoursPanelTimeFormat="htt" Skin="Office2007" StartInsertingInAdvancedForm="True"
            ValidationGroup="RadScheduler1"
            EnableEmbeddedBaseStylesheet="False" EnableEmbeddedSkins="false">
<Localization AdvancedAllDayEvent="All day"></Localization>
<AdvancedForm DateFormat="M/d/yyyy" TimeFormat="h:mm tt"></AdvancedForm>
        </telerik:RadScheduler>

When I run it, it's finding the images and doing something with the .css, but very ugly:

Screen Shot

Scheduler

answered on 17 Aug 2009

2 answers

145 views

Problems with Export To Excel

Hi,
I used RadGrid Export to Excel befor and it was working very good but this time I do not know why it dose not work, My Grid is a hierarchy model and both the parent and child grid DataSourse is binded with DataTable by code, and the format I used in exporting is "ExcelML". So is that the reason why it dose not work !!!
Please Help me and please as soon as possible.

Thanks
Ban

Grid

answered on 17 Aug 2009

1 answer

493 views

How to Hide/Show Menu items based on logon user Credentials..

Folks,

In my project I have 4 types of users. 1) HR Clerical 2) HR Manager 3) Regular User 4) Regular User Supervisor.

I am storing users type in a session variable (i.e. Session("UserType") ) after login page.

My intention is:

1) If Session("UserType") = "HR Clerical" then that user will have only access to Menu Item HR->HR Clerical Functons.
2) If Session("UserType") = "HR Manager" then that user will have only access to Menu Item HR and all Child items under it
3) If Session("UserType") = "Regular User" then that user will have access to Menu Items Users->Regular Users Functions,
Users->Reports,
4) If Session("UserType") = "Regular User Supervisorr" then that user will have only access to Menu Item Users and all Child items under it

I am using RadControls for ASP.NET AJAX Q2 2009 NET35 with VS 2008 . Below is my Menu Declaration. Any help will be appreciated.

__________________________________________________

<

telerik:RadMenu runat="server" ID="RadMenu1" Style="float: none; left: 0px; height: 20px;"

OnItemClick="RadMenu1_ItemClick" Skin="Simple">

<Items>

<telerik:RadMenuItem Text="HR">

<Items>

<telerik:RadMenuItem Text="HR Clerical Functons">

</telerik:RadMenuItem>

<telerik:RadMenuItem Text="HR Manager Functions">

</telerik:RadMenuItem>

<telerik:RadMenuItem Text="Reports">

</telerik:RadMenuItem>

       </Items>
    </telerik:RadMenuItem>

   <telerik:RadMenuItem Text="Users">

<Items>

<telerik:RadMenuItem Text="Regular Users Functions">

</telerik:RadMenuItem>

<telerik:RadMenuItem Text="Regular User Supervisor Functions">

</telerik:RadMenuItem>

<telerik:RadMenuItem Text="Reports">

</telerik:RadMenuItem>

</Items>

</telerik:RadMenuItem>

</Items>

</telerik:RadMenu>

Menu

answered on 17 Aug 2009

3 answers

119 views

switch Month View to Day View programmatically

I would like to put some summary items in the certain days of the Month View's and I will put "More details..." as a LinkButton below the summary item in the same day. When I click "More Details...", it should be able to switch to the "Day View" with all detail items arranged in certain time period (for example: 10:00 pm to 2:30 pm) for the day I pick.

I found a similar demo at http://demos.telerik.com/aspnet-ajax/scheduler/examples/contextmenu/defaultcs.aspx, but I couldn't the code behind to show me how to implement this scenario.

Could some body tell me where I can find the code to implement similar stuff?

Thank you very much for any help in advance.

Scheduler

answered on 17 Aug 2009