Telerik Forums
UI for ASP.NET AJAX Forum
1 answer
256 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
108 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
81 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
145 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
141 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
10 answers
214 views
Hello
I have a grid which I can insert value in it.
I have 2 other grids which have values from the first grid.
My problem is when I insert into the first grid, when I go see the other grids, I can't see the new value.
Note: each Radgrid are in different RadPageView.
For the first Radgrid I have this event:
Private Sub RadGrid_Entreprise_ItemInserted(ByVal source As Object, ByVal e As Telerik.Web.UI.GridInsertedEventArgs) Handles RadGrid_Entreprise.ItemInserted  
        Me.RadGrid_offre.Rebind()  
        Me.RadGrid_Offre_Programme.Rebind()  
End Sub 
But seems like it doesn't change anything
Any idea how to rebind it properly?
Thank you
Myriam

 

Myriam
Top achievements
Rank 1
 answered on 09 Sep 2009
1 answer
166 views
hi dear telerik team, hi dear community!

i'm haveing a serious problem here - let me explain:

i'm creating a multi column menu, horizontal radMenu with normal dropdown flyouts that use dynamically loaded templates. that works fine so far :-)

now i have some menus that have 3 colums, some have 2 and some only 1. in the original settings the rmSlide somehow gets dynamically a width set to about 138px - which of course causes my columns to wrap and align under each other - not what was my intention.....
now i did set the width for rmSlide to 600px !important - which works fine for my 3 column menu - but of course makes problems with the ones that have less, as it streches out of the window to the right - especially for the last item to the far right, that makes the browser window to show scrollbars at the bottom as it is 'magically' now much wider then the shown area.

the template inside the rmSlide itself is a table - that stretches to the correct width of the columns.

what i would need is a possibility to tell rmSlide to have a width of 'auto' or no fixed width at all - but that does not work.....
possibly i could set the width dynamically with javacript, but i have no clue how to get the actual width of my 'dynamic' table....
what can i do?

after all - even the 'hack' i described above works in ff & ie8, in ie6 it looks horrendous as it somehow looses all the inner content of my menu and flys around the pages rather unpredictable....

please help me!!
thank you :-)
Yana
Telerik team
 answered on 09 Sep 2009
2 answers
158 views

Hi,

I have a Button skin file that does skinning for the ASP.NET Button control. The problem I have is it is overriding the button within the RadGrid. For example, the Add new and Refresh buttons are shown in the same style as the other buttons on my website are.  The button skin seems to override the styles applied even though I have the !important setting set. 

This is my skin file to control Buttons:

< asp:Button runat="server" CssClass="MainButton"></asp:Button>

 Here is the pertinent css inside my custom css class:

 .RadGrid_[myskinname].rgAdd   
 {  
background-position:0 -1856px !Important;   
}  
.RadGrid_[myskinname].rgRefresh   
{  
background-position:0 -1824px !Important;   
}  
.RadGrid_[myskinname].rgEdit   
{  
background-position:0 -1888px !Important;   
}  
.RadGrid_[myskinname].rgDel   
{  
background-position:0 -1920px !Important;   
}  
.RadGrid_[myskinname] .rgAdd,  
.RadGrid_[myskinname] .rgRefresh,  
.RadGrid_[myskinname] .rgEdit,  
.RadGrid_[myskinname] .rgDel,  
.RadGrid_[myskinname] .rgFilter,  
.RadGrid_[myskinname] .rgPagePrev,  
.RadGrid_[myskinname] .rgPageNext,  
.RadGrid_[myskinname] .rgExpand,  
.RadGrid_[myskinname] .rgCollapse,  
.RadGrid_[myskinname] .rgSortAsc,  
.RadGrid_[myskinname] .rgSortDesc   
.RadGrid_[myskinname] .rgUpdate,  
.RadGrid_[myskinname] .rgCancel   
{  
      width:16px !important;  
      height:16px !important;  
      border:0 !important;  
      padding:0 !important;  
      background-color:transparent !important;  
      background-image:url('Grid/sprite.gif') !important;  
      background-repeat:no-repeat !important;  
      vertical-align:middle !important;  
      cursor:pointer !important;  
}  
 

Is there any way to prevent RadGrid from inheritting the ASP.NET Skin file?

Thanks, Josh

Josh
Top achievements
Rank 1
 answered on 09 Sep 2009
0 answers
107 views
i wrote this code in order to expand node and all its parents node

function

PerformSearch()

 

{

 

 

    var tree = $find("MenuTree");

 

 

    var strToSearch = document.getElementById("txtSearchText").value;

 

 

    var node = tree.findNodeByText(strToSearch);

 

 

    var ParentNode=null;

 

 

 

    if(node)

 

    {

        node.highlight();

        node.scrollIntoView();

        ParentNode = node.get_parent();

 

        while (ParentNode != null)

 

            {

                ParentNode.expand();

                ParentNode = node.get_parent();

            }

 

    }

 

 

}


but its run very slowely,
is there another way to perform this action that wont take so long?

p.s. the tree contains 800 nodes
woody
Top achievements
Rank 1
 asked on 09 Sep 2009
1 answer
126 views
hi
i have a user control is used in popup edit form in grid view to edit each row of grid ,
how can i disable this auto hide popup edit form after the edit row????
Princy
Top achievements
Rank 2
 answered on 09 Sep 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?