Telerik Forums
UI for ASP.NET AJAX Forum
1 answer
43 views
I have a unique setup.   I havea rad editor inside a pop up  edit trmplate for a grid.

When I open the image manager or link mananger, they are opening to behind the rad popup menu.

I have looked around for a similar situation on the forum but have no answer.
Any suggestions to keep thos on top ?

Rumen
Telerik team
 answered on 09 Sep 2009
4 answers
141 views
Hi

I'm trying to make an edit button on the context menu, so when the user click it, the page will be redirected to another page to edit the selected file.

All is OK, but I want to disable the button when the selected item is a directory an enable when the item is a file.

I have the following code to change de CSS class, this is executed when a item is selected.

function OnFileSelected(sender, args) { 
            var textbox = document.getElementById("ctl00_ContentPlaceHolder1_TextBox1"); 
            var item = args.get_item(); 
            textbox.value = item.get_path(); 
 
            var menuEdit = document.getElementById("menuEdit"); 
            if (item.isDirectory()) { 
                menuEdit.setAttribute("class""rmLink rmDisabled"); 
            } 
            else { 
                menuEdit.setAttribute("class""rmLink"); 
            } 
        } 


The problem is when I click with the right mouse button, the CSS class are reseted, so the Edit button always is enable. I suppose that another javascript method executed when I press right button, but I don't know how to solve it.

Please help me.

Regards.
Ignacio Ortuzar
Top achievements
Rank 1
 answered on 09 Sep 2009
1 answer
80 views

Hi.
I am trying to combine 2 of your demo:
1) Dynamic dock
2) Custom commands

there is 2 problem:
1- after creating dynamicly a dock, the extra command button is not showed (only the 2 default one)
2 - If i fully reload the page, i can now see the custom button but the command is not trigger!

This is the code... Am i missing somethig?
if I am removing last dock.Commands.Add(d), everything works fine.

Can you help Me!

private RadDock CreateRadDockFromState(DockState state)

{

RadDock dock = new RadDock();

dock.DockMode = DockMode.Docked;

dock.ID = string.Format("RadDock{0}", state.UniqueName);

dock.ApplyState(state);

dock.Commands.Add(new DockCloseCommand());

dock.Commands.Add(new DockExpandCollapseCommand());

DockCommand d = new DockCommand();

d.AutoPostBack = true;

d.Name = "Custom Command";

dock.Commands.Add(d);

return dock;

}

protected void RadDock_Command(object sender, DockCommandEventArgs e)

{

String a = string.Concat("You clicked: ", e.Command.Name);

}

 

 


 

 

 

 

 

 

 

 

Bertrand
Top achievements
Rank 1
 answered on 09 Sep 2009
3 answers
300 views

Hello,

I am having trouble accessing controls in a RadMenu ItemTemplate in javascript.

I've used the code snippet supplied in the RadMenu documentation.  findItemByValue works, but calling findControl on that item to get to a control returns null.

Stepping into telerik's javascript, I can see that it does find a matching control id, but then returns null from the $find on that id.

Here is basically what I have:

<telerik:RadContextMenu ID="SearchContextMenu" runat="server">
            <Items>
                <telerik:RadMenuItem Value="FilterCustom">
                    <ItemTemplate>
                        <asp:TextBox ID="ContextMenuFilterTextBox" runat="server"></asp:TextBox>
                    </ItemTemplate>
                </telerik:RadMenuItem>
            </Items>
        </telerik:RadContextMenu>

And my related script:

         function RowContextMenu(sender, eventArgs) {
                var menu = $find("<%=SearchContextMenu.ClientID %>");

                //preload the filter textbox from the current cell
                var menuItem = menu.findItemByValue("FilterCustom");
                var textBox = menuItem.findControl("ContextMenuFilterTextBox");
                textBox.value = evt.target.innerHTML;
            }

Unfortunately, textBox is always null.

Can you reproduce this problem?

Thank you,
Eve


Eve
Top achievements
Rank 1
 answered on 09 Sep 2009
1 answer
107 views
Hi,

Some time ago (march 2009), an application, that worked fine before, gave an error "Invallid expression". No changes where made to the source. After some tracing it came down to the following line: (Page_Init)

RadGrid1.MasterTableView.FilterExpression = "(Int32?(it[""Stemaanvraagnummer""]) = " &amp; EMO.ServiceNET.Current.Stem_ID &amp; ")" 

I replaced it then with:
RadGrid1.MasterTableView.FilterExpression = "([Stemaanvraagnummer] = " &amp; EMO.ServiceNET.Current.Stem_ID &amp; ")" 

Problem solved. Last week... the error was there again! Now i had to change it back!! and problem solved again!!

What is the problem?

Vlad
Telerik team
 answered on 09 Sep 2009
1 answer
245 views

I have an IFrame inside a RadPane. When the contents of the IFrame overflow the length of the RadPane, a scroll bar shows but it does not allow user to scroll all the way to the bottom of the page. The body of my page is as follows:

 

<body style="margin:0px;height:100%;" scroll="no" bgcolor="#38475a">  
    <form id="form1" runat="server">  
    <telerik:RadScriptManager ID="RadScriptManager1" runat="server"></telerik:RadScriptManager>  
        <!-- Navigation and Header -->  
        <table border="0" cellpadding="0" cellspacing="0" width="100%" style="background-color: #cccccc;">  
            <tr style="background-color: #636c7b;" id="NavRow" runat="server">  
                <td><img src="images/navspacer.jpg" border="0" width="250px" height="29px" alt="" /></td>  
                <td>  
                    <ipc:TabNavigation ID="MyNavBar" runat="server" ActiveTab="3" />  
                </td>  
                <td width="100%" align="right" style="padding-right:4px"><a href="logout.aspx">Log Out</a><ipc:ChangePasswordWindow runat="server" ID="ipcChangePasswordWindow" NavigateUrl="ChangePassword.aspx" VisibleOnPageLoad="false" ReloadOnShow="true" Modal="true" ShowContentDuringLoad="false" SkinID="WebBlue" Width="400" Height="400" Behaviors="None" VisibleStatusbar="false" ShowDividerBeforeLink="true" VisibleTitlebar="False" Skin="WebBlue" /></td>  
                <td rowspan="2" style="width:272px; vertical-align:top;">  
                    <ipc:NewsControl ID="myNewsBar" runat="server" />  
                </td>  
            </tr>  
            <tr style="background-color: #636c7b;">  
                <td style="background-image: url(images/g_nav_bg.jpg); background-repeat: repeat-x; height: 29px" width="250px">  
                </td>  
                <td id="NavCell" class="NavCell" style="background-image: url(images/g_nav_bg.jpg); background-repeat: repeat-x;
                    height: 29px">  
                </td>  
                <td style="background-image: url(images/g_nav_bg.jpg); background-repeat: repeat-x;
                    height: 29px">  
                </td>  
            </tr>  
        </table>  
          
        <telerik:RadSplitter ID="RadSplitter1"   
                             runat="server"   
                             Width="100%"   
                             Height="100%" HeightOffset="58" 
                             Skin="WebBlue"   
                             BorderSize="0"   
                             PanesBorderSize="0"   
                             BorderWidth="0">  
            <telerik:RadPane ID="leftPane"   
                             runat="server"   
                             Width="273px"   
                             Scrolling="None"   
                             OnClientPaneExpanded="PaneExpanded"   
                             OnClientPaneCollapsed="PaneCollapsed"   
                             BorderStyle="None"   
                             BorderWidth="0px"   
                             BorderColor="#D1D8E2">  
                <telerik:RadSplitter ID="RadSplitter2"   
                                     runat="server"   
                                     Width="100%" 
                                     Height="100%" 
                                     Skin="WebBlue" 
                                     BorderSize="0" 
                                     PanesBorderSize="0" 
                                     Orientation="Horizontal" 
                                     BorderWidth="0">  
                    <telerik:RadPane ID="tabPane" 
                                     runat="server" 
                                     Width="273px" 
                                     Scrolling="None" 
                                     Height="39px" 
                                     BorderStyle="None" 
                                     BorderWidth="0px" 
                                     BorderColor="#D1D8E2">  
                        <table width="100%" cellpadding="0" cellspacing="0" border="0" bgcolor="#D1D8E2">  
                            <tr>  
                                <td height="38px" valign="top">  
                                    <a href="archive_basic.aspx">  
                                        <img src="images/searchbacktab.jpg" alt="" border="0" width="91" height="39" />  
                                    </a>  
                                </td>  
                                <td id="AdvTab" runat="server" height="39px" valign="top">  
                                    <a href="archive_thumbs.aspx">  
                                        <img src="images/thumbfronttab.jpg" alt="" border="0" width="91" height="39" />  
                                    </a>  
                                </td>  
                                <td id="LibTab" runat="server" height="39px" valign="top">  
                                    <a href="library.aspx">  
                                        <img src="images/librarybacktab.jpg" alt="" border="0" width="91" height="39" />  
                                    </a>  
                                </td>  
                            </tr>  
                        </table>  
                    </telerik:RadPane>    
                    <telerik:RadSplitBar ID="RadSplitbar2" runat="server" CollapseMode="None" EnableResize="false"/>  
                    <telerik:RadPane ID="navigationPane" 
                                     runat="server" 
                                     Width="273px" 
                                     Scrolling="None" 
                                     Height="100%" 
                                     BorderStyle="None" 
                                     BorderWidth="0px" 
                                     BorderColor="#D1D8E2">  
                        <telerik:RadSplitter ID="RadSplitter3"   
                                             runat="server"   
                                             Width="100%" 
                                             Height="100%" 
                                             Skin="WebBlue" 
                                             BorderSize="0" 
                                             PanesBorderSize="0" 
                                             Orientation="Horizontal" 
                                             BorderWidth="0">  
                            <telerik:RadPane ID="LocationsPane" 
                                             runat="server" 
                                             Width="100%" 
                                             Scrolling="Both" 
                                             Height="100%" 
                                             BackColor="#D1D8E2" 
                                             BorderStyle="None" 
                                             BorderWidth="0px" 
                                             BorderColor="#D1D8E2">  
                                <table width="100%" cellpadding="0" cellspacing="0" border="0" bgcolor="#D1D8E2">  
                                    <tr>  
                                        <td valign="top" height="100%" id="RadTreeViewCell">  
                                            <telerik:RadTreeView   
                                                ID="RadTreeView1"   
                                                runat="server"   
                                                Height="100%"   
                                                AutoPostBack="True"   
                                                OnClientNodeExpanded="onClientNodeToggle" 
                                                OnClientNodeCollapsed="onClientNodeToggle"   
                                                OnClientNodeClicked="ClientClickHandler">  
                                            </telerik:RadTreeView>  
                                        </td>  
                                    </tr>  
                                </table>  
                            </telerik:RadPane>    
                            <telerik:RadSplitBar ID="RadSplitbar3" runat="server" CollapseMode="None"  EnableResize="false"/>  
                            <telerik:RadPane ID="DatePreviewPane" 
                                             runat="server" 
                                             Width="273px" 
                                             Height="215px" 
                                             Scrolling="None" 
                                             BorderStyle="None" 
                                             BorderWidth="0px" 
                                             BorderColor="#D1D8E2" 
                                             BackColor="#D1D8E2">  
                                <table width="100%" cellpadding="0" cellspacing="0" border="0" bgcolor="#D1D8E2">  
                                    <tr>  
                                        <td colspan="3" valign="bottom" align="center">   
                                             <table cellpadding="0" cellspacing="0" width="100%">  
                                                <tr>  
                                                    <td class="PaneHeader" align="center" style="padding-right:14px">  
                                                        Date 
                                                    </td>  
                                                </tr>  
                                                <tr>                                      
                                                    <td style="padding-top:10px;padding-bottom:10px" align="center">  
                                                        <asp:Calendar ID="Calendar1" runat="server" BorderColor="darkslategray" BorderStyle="solid" BorderWidth="0" Font-Size="XX-Small" Font-Names="Verdana" BackColor="white" Width="200px" Height="160px"></asp:Calendar>  
                                                    </td>  
                                                </tr>    
                                            </table>  
                                        </td>  
                                    </tr>  
                                </table>  
                            </telerik:RadPane>    
                        </telerik:RadSplitter>  
                    </telerik:RadPane>  
                </telerik:RadSplitter>  
            </telerik:RadPane>  
            <telerik:RadSplitBar ID="RadSplitbar1" runat="server" CollapseMode="Forward" EnableResize="false"/>  
            <telerik:RadPane ID="rightPane"   
                             runat="server"   
                             Scrolling="Y"   
                             BackColor="#232323"   
                             BorderStyle="None"   
                             BorderWidth="0px"   
                             BorderColor="#D1D8E2">  
                <iframe id="ThumbFrame" src="thumb_detail.aspx" frameborder="0" width="100%" height="100%" runat="server" scrolling="no"></iframe>                  
            </telerik:RadPane>  
        </telerik:RadSplitter>  
    </form>  
</body>  
 

When the ThumbFrame iFrame has many images, the user cannot scroll down to see all of them.

Here is an example html generated by  thumb_detail.aspx  :

<!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><title>  
</title><link href="StyleSheet.css" type="text/css" rel="STYLESHEET" /> 
</head> 
<body style="background-color:#232323">  
    <form name="form1" method="post" id="form1">  
        <div id="divThumbnails">  
            <table> 
                <tr> 
                    <td class="grid">  
                        <img alt="" src="http://192.168.100.40/Store1/20090903/192.168.50.61_80/Camera_1/100000.jpg" height="180px" width="240px" id="" style="border:none" /> 
                    </td> 
                    <td class="grid">  
                        <img alt="" src="http://192.168.100.40/Store1/20090903/192.168.50.61_80/Camera_1/100100.jpg" height="180px" width="240px" id="" style="border:none" /> 
                    </td> 
                    <td class="grid">  
                        <img alt="" src="http://192.168.100.40/Store1/20090903/192.168.50.61_80/Camera_1/100300.jpg" height="180px" width="240px" id="" style="border:none" /> 
                    </td> 
                    <td class="grid">  
                        <img alt="" src="http://192.168.100.40/Store1/20090903/192.168.50.61_80/Camera_1/101500.jpg" height="180px" width="240px" id="" style="border:none" /> 
                    </td> 
                </tr> 
                <tr> 
                    <td class="grid">  
                        <img alt="" src="http://192.168.100.40/Store1/20090903/192.168.50.61_80/Camera_1/102100.jpg" height="180px" width="240px" id="" style="border:none" /> 
                    </td> 
                    <td class="grid">  
                        <img alt="" src="http://192.168.100.40/Store1/20090903/192.168.50.61_80/Camera_1/102600.jpg" height="180px" width="240px" id="" style="border:none" /> 
                    </td> 
                    <td class="grid">  
                        <img alt="" src="http://192.168.100.40/Store1/20090903/192.168.50.61_80/Camera_1/103400.jpg" height="180px" width="240px" id="" style="border:none" /> 
                    </td> 
                    <td class="grid">  
                        <img alt="" src="http://192.168.100.40/Store1/20090903/192.168.50.61_80/Camera_1/103500.jpg" height="180px" width="240px" id="" style="border:none" /> 
                    </td> 
                </tr> 
                <tr> 
                    <td class="grid">  
                        <img alt="" src="http://192.168.100.40/Store1/20090903/192.168.50.61_80/Camera_1/103600.jpg" height="180px" width="240px" id="" style="border:none" /> 
                    </td> 
                    <td class="grid">  
                        <img alt="" src="http://192.168.100.40/Store1/20090903/192.168.50.61_80/Camera_1/103800.jpg" height="180px" width="240px" id="" style="border:none" /> 
                    </td><td class="grid">  
                        <img alt="" src="http://192.168.100.40/Store1/20090903/192.168.50.61_80/Camera_1/104000.jpg" height="180px" width="240px" id="" style="border:none" /> 
                    </td> 
                    <td class="grid">  
                        <img alt="" src="http://192.168.100.40/Store1/20090903/192.168.50.61_80/Camera_1/104100.jpg" height="180px" width="240px" id="" style="border:none" /> 
                    </td> 
                </tr> 
                <tr> 
                    <td class="grid">  
                        <img alt="" src="http://192.168.100.40/Store1/20090903/192.168.50.61_80/Camera_1/104200.jpg" height="180px" width="240px" id="" style="border:none" /> 
                    </td> 
                    <td class="grid">  
                        <img alt="" src="http://192.168.100.40/Store1/20090903/192.168.50.61_80/Camera_1/104400.jpg" height="180px" width="240px" id="" style="border:none" /> 
                    </td> 
                    <td class="grid">  
                        <img alt="" src="http://192.168.100.40/Store1/20090903/192.168.50.61_80/Camera_1/104700.jpg" height="180px" width="240px" id="" style="border:none" /> 
                    </td> 
                    <td class="grid">  
                        <img alt="" src="http://192.168.100.40/Store1/20090903/192.168.50.61_80/Camera_1/104900.jpg" height="180px" width="240px" id="" style="border:none" /> 
                    </td> 
                </tr> 
                <tr> 
                    <td class="grid">  
                        <img alt="" src="http://192.168.100.40/Store1/20090903/192.168.50.61_80/Camera_1/105000.jpg" height="180px" width="240px" id="" style="border:none" /> 
                    </td> 
                    <td class="grid">  
                        <img alt="" src="http://192.168.100.40/Store1/20090903/192.168.50.61_80/Camera_1/105100.jpg" height="180px" width="240px" id="" style="border:none" /> 
                    </td> 
                    <td class="grid">  
                        <img alt="" src="http://192.168.100.40/Store1/20090903/192.168.50.61_80/Camera_1/105200.jpg" height="180px" width="240px" id="" style="border:none" /> 
                    </td> 
                    <td class="grid">  
                        <img alt="" src="http://192.168.100.40/Store1/20090903/192.168.50.61_80/Camera_1/105300.jpg" height="180px" width="240px" id="" style="border:none" /> 
                    </td> 
                </tr> 
                <tr> 
                    <td class="grid">  
                        <img alt="" src="http://192.168.100.40/Store1/20090903/192.168.50.61_80/Camera_1/105400.jpg" height="180px" width="240px" id="" style="border:none" /> 
                    </td> 
                    <td class="grid">  
                        <img alt="" src="http://192.168.100.40/Store1/20090903/192.168.50.61_80/Camera_1/105600.jpg" height="180px" width="240px" id="" style="border:none" /> 
                    </td> 
                    <td class="grid">  
                        <img alt="" src="http://192.168.100.40/Store1/20090903/192.168.50.61_80/Camera_1/105700.jpg" height="180px" width="240px" id="" style="border:none" /> 
                    </td> 
                    <td class="grid">  
                        <img alt="" src="http://192.168.100.40/Store1/20090903/192.168.50.61_80/Camera_1/105800.jpg" height="180px" width="240px" id="" style="border:none" /> 
                    </td> 
                </tr> 
                <tr> 
                    <td class="grid">  
                        <img alt="" src="http://192.168.100.40/Store1/20090903/192.168.50.61_80/Camera_1/105900.jpg" height="180px" width="240px" id="" style="border:none" /> 
                    </td> 
                    <td>&nbsp;</td> 
                    <td>&nbsp;</td> 
                    <td>&nbsp;</td> 
                </tr> 
            </table> 
        </div> 
    </form> 
</body> 
</html> 
 
You won't have the images, but the size of the image tags will be the same.

What am I doing wrong to make the pane not scroll correctly?
Svetlina Anati
Telerik team
 answered on 09 Sep 2009
3 answers
100 views

Hello,

I am using the AdvancedEditTemplate and prepopulating custom resources in the FormCreated event.  When I click the Update button on the edit form, the FormCreated event is firing again (before the AppointmentCommand event) and resetting all of the custom resources to their original values and wiping out the user's edits.

How can the Update button be configured to just fire the AppointmentCommand event without firing the FormCreated event first? 
Peter
Telerik team
 answered on 09 Sep 2009
1 answer
78 views
Hi,

I have an application showing a Scheduler on a page where the end user is able to specify what time units they want to be displayed in - 1 hour, 30 minutes, 15 minutes etc.  I allow them to go down to 10, 6, 5, 3 and 1 minute!

With all time units above 5 minutes events that span a long time period are OK, but for 5 minutes or less any event that starts at 9 a.m. and finishes a 5 p.m. (or longer) is showing a gap in the event display, and then nothing until there is a small bottom margin to the displayed event.

This seems to happen on all skins other than Simple.

If you need to see exactly what I mean let me know and I will email a url you can use to see the effect directly.

I have upgraded to the 2009.2.826.20 release and it is still exhibiting the same behaviour.

David Penny
Peter
Telerik team
 answered on 09 Sep 2009
1 answer
140 views
I am having a problem with my RadWindows ignoring the settings I specify in its definition.

Here's the setup:

I have a default.aspx page where this ScriptManager definition exists inside my <body><form> tags:
    <asp:ScriptManager ID="ScriptManager" runat="server" /> 

Inside the default.aspx page, we use a placeholder where we can load our customer user controls.  Inside one of these controls, I have the following RadWindowManager definition:

<telerik:RadWindowManager ID="Singleton" VisibleStatusbar="true" Behaviors="Close,Resize,Move" DestroyOnClose="false" runat="server" > 
    <Windows> 
        <telerik:RadWindow ID="objEmailWindow" InitialBehavior="Maximize" DestroyOnClose="false" Width="650" Height="650" runat="server" ShowContentDuringLoad="false" /> 
        <telerik:RadWindow ID="objMoveFileWindow" InitialBehavior="Maximize" DestroyOnClose="false" Width="650" Height="325" runat="server" ShowContentDuringLoad="false" /> 
    </Windows> 
</telerik:RadWindowManager> 

Inside this control when I need to open a window, I call this Javascript function:
        function openWindow(url, windowName) { 
            window.radopen(url, windowName); 
        } 

Here's where it gets weird...The window opens, but the size is not what I specify in the RadWindowManager settings and all the behaviors are ignored.  Here's a link to a screenshot.  I have tried to apply the settings to the RadWindowManager instead of the RadWindow and the issue is still there.

Now, if I put the ScriptManager in the control itself, the window behaves properly.  Unfortunately, this is not a solution because we need the scriptmanager on the default page as well which will give us 2 script managers defined on a single page.  Also, this is a customer solution and I cannot zip it up and send it.

Any ideas?








Josh Wood
Top achievements
Rank 1
 answered on 09 Sep 2009
3 answers
137 views
Hello, I have a radgrid on my page and I need to strip it of its skin and make it appear as plain text on my page.  Is there an easy way of doing this?

Thanks
Princy
Top achievements
Rank 2
 answered on 09 Sep 2009
Narrow your results
Selected tags
Tags
+? more
Top users last month
Simon
Top achievements
Rank 2
Iron
Iron
Bob
Top achievements
Rank 3
Iron
Iron
Veteran
Marco
Top achievements
Rank 4
Iron
Iron
Iron
Grant
Top achievements
Rank 3
Iron
Iron
Iron
Kao Hung
Top achievements
Rank 1
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Simon
Top achievements
Rank 2
Iron
Iron
Bob
Top achievements
Rank 3
Iron
Iron
Veteran
Marco
Top achievements
Rank 4
Iron
Iron
Iron
Grant
Top achievements
Rank 3
Iron
Iron
Iron
Kao Hung
Top achievements
Rank 1
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?