Telerik Forums
UI for ASP.NET AJAX Forum
or
Ask question
All Questions
Unanswered
Answered
110,829 questions
5 answers
195 views
[Solved] Dock not contained properly inside Splitter Pane (IE only)
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="test.aspx.cs" Inherits="test" %> 
 
<!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" style="height: 100%; width: 100%">  
<head runat="server">  
    <title>Untitled Page</title> 
</head> 
<body style="height: 100%; width: 100%">  
    <form id="form1" runat="server">  
        <asp:ScriptManager ID="ScriptManager1" runat="server" /> 
        <telerik:RadSplitter BorderSize="0" ID="RadSplitter1" Width="90%" Height="100%" 
            Orientation="Horizontal" runat="server">  
            <telerik:RadPane ID="rpnHeader" Height="100%" Width="100%" runat="server" Scrolling="both">  
                <table cellpadding="3" cellspacing="0" width="100%" border="0" height="100%">  
                    <tr valign="top">  
                        <td style="width: 25%; text-align: center">  
                            <telerik:RadDockZone ID="RadDockZone1" runat="server" BorderStyle="None">  
                                <telerik:RadDock ID="RadDock1" Width="100%" Height="100%" runat="server" Title="Email">  
                                    <ContentTemplate> 
                                        <div style="padding: 3px">  
                                            <table cellpadding="2" cellspacing="0" style="width: 100%;">  
                                                <tr> 
                                                    <td> 
                                                        New Emails</td> 
                                                    <td align="right">  
                                                        0</td> 
                                                </tr> 
                                                <tr> 
                                                    <td> 
                                                        New Emails</td> 
                                                    <td align="right">  
                                                        0</td> 
                                                </tr> 
                                                <tr> 
                                                    <td> 
                                                        New Emails</td> 
                                                    <td align="right">  
                                                        0</td> 
                                                </tr> 
                                                <tr> 
                                                    <td> 
                                                        New Emails</td> 
                                                    <td align="right">  
                                                        0</td> 
                                                </tr> 
                                            </table> 
                                        </div> 
                                    </ContentTemplate> 
                                </telerik:RadDock> 
                            </telerik:RadDockZone> 
                        </td> 
                        <td style="width: 50%; text-align: center">  
                            <telerik:RadDockZone ID="RadDockZone2" runat="server" BorderStyle="None">  
                                <telerik:RadDock ID="RadDock2" runat="server" Title="Schedule">  
                                    <ContentTemplate> 
                                        asdsadasd<p /> 
                                        asdsadasd<p /> 
                                        asdsadasd<p /> 
                                        asdsadasd<p /> 
                                        asdsadasd<p /> 
                                        asdsadasd<p /> 
                                        asdsadasd<p /> 
                                        asdsadasd<p /> 
                                        asdsadasd<p /> 
                                        asdsadasd<p /> 
                                        asdsadasd<p /> 
                                        asdsadasd<p /> 
                                        asdsadasd<p /> 
                                        asdsadasd<p /> 
                                        asdsadasd<p /> 
                                        asdsadasd<p /> 
                                        asdsadasd<p /> 
                                        asdsadasd<p /> 
                                        asdsadasd<p /> 
                                        asdsadasd<p /> 
                                        asdsadasd<p /> 
                                        asdsadasd<p /> 
                                        asdsadasd<p /> 
                                        asdsadasd<p /> 
                                        asdsadasd<p /> 
                                        asdsadasd<p /> 
                                        asdsadasd<p /> 
                                        asdsadasd<p /> 
                                        asdsadasd<p /> 
                                        asdsadasd<p /> 
                                        asdsadasd<p /> 
                                        asdsadasd<p /> 
                                        asdsadasd<p /> 
                                        asdsadasd<p /> 
                                        asdsadasd<p /> 
                                        asdsadasd<p /> 
                                        asdsadasd<p /> 
                                        asdsadasd<p /> 
                                        asdsadasd<p /> 
                                        asdsadasd<p /> 
                                        asdsadasd<p /> 
                                        asdsadasd<p /> 
                                        asdsadasd<p /> 
                                        asdsadasd<p /> 
                                        asdsadasd<p /> 
                                        asdsadasd<p /> 
                                        asdsadasd<p /> 
                                        asdsadasd<p /> 
                                        asdsadasd<p /> 
                                        asdsadasd<p /> 
                                        asdsadasd<p /> 
                                        asdsadasd<p /> 
                                        asdsadasd<p /> 
                                        asdsadasd<p /> 
                                        asdsadasd<p /> 
                                        asdsadasd<p /> 
                                        asdsadasd<p /> 
                                        asdsadasd<p /> 
                                        asdsadasd<p /> 
                                        asdsadasd<p /> 
                                    </ContentTemplate> 
                                </telerik:RadDock> 
                                <telerik:RadDock ID="RadDock3" runat="server" Title="Hahaha">  
                                    <ContentTemplate> 
                                        asdasdsad  
                                    </ContentTemplate> 
                                </telerik:RadDock> 
                            </telerik:RadDockZone> 
                        </td> 
                        <td style="width: 25%; text-align: center">  
                            <telerik:RadDockZone ID="RadDockZone3" runat="server" BorderStyle="None">  
                                <telerik:RadDock ID="RadDock4" runat="server" Title="Hahaha">  
                                    <ContentTemplate> 
                                        asdasdsad  
                                    </ContentTemplate> 
                                </telerik:RadDock> 
                            </telerik:RadDockZone> 
                        </td> 
                    </tr> 
                </table> 
            </telerik:RadPane> 
        </telerik:RadSplitter> 
    </form> 
</body> 
</html> 
 

Hi, I'm not sure whether to report this in docking or splitter forum.

When I tried to put docking controls inside a splitter, the dock just won't scroll down if its' height is very long. And this is only in IE. It works just fine in Firefox. Stripped down code is included above.

Also, I made screenshots from my original program to illustrate my point:

http://www.m1o.com/telerik/ie_dock_bug.gif
This one is IE7 on Vista. Notice how the docks just overflow outside the scrolls inside the splitter. It stays static when I tried to scroll down

http://m1o.com/telerik/ff_dock_bug.gif
This is Firefox. Everything looks and works just nicely, even with RadScheduler added.


Dock
Jim
Top achievements
Rank 1
 answered on 20 Oct 2009
6 answers
279 views
LoadingPanel to show progress indicator?
Hi:

I am working on an application that does some processing when the user clicks a button, and I'd like to show a progress indicator while the code runs. I followed the RadAjaxLoadingPanel example and got the indicator to show, but then the code doesn't work. So in the attached images 1 and 2 show what happens with no LoadingPanel, the user clicks Login and the code populates the drop-down.

When I add the Loading Panel it shows the indicator, 3.png, but then when it is finished the drop-down does not populate, see 4.png.

Can anyone make a suggesiton as to how I can get this to work?

Thanks in advance for any and all advice.

John.
Ajax
John
Top achievements
Rank 1
 answered on 20 Oct 2009
1 answer
89 views
Keep RadDock from Refreshing

I have two pages in my applicaiton, both pages have the following basic structure:

 

...  
<asp:UpdatePanel runat="server" ID="xxx" UpdateMode="Conditional">  
    <ContentTemplate> 
        <telerik:RadDockLayout ID="xxx" runat="server">  
            <telerik:RadDockZone ID="xxx" runat="server">  
                <asp:UpdatePanel runat="server" ID="xxx" UpdateMode="Conditional">  
                    <ContentTemplate> 
                        <telerik:RadDock runat="server" ID="xxx">  
                            <ContentTemplate> 
                                <asp:UpdatePanel runat="server" ID="xxx" UpdateMode="Conditional">  
                                    <ContentTemplate> 
                                        ...  
 
                                    </ContentTemplate> 
                                </asp:UpdatePanel> 
                             </ContentTemplate> 
                         </telerik:RadDock> 
                     </ContentTemplate> 
                </asp:UpdatePanel>   
            </telerik:RadDockZone>   
        </telerik:RadDockLayout> 
    </ContentTemplate> 
</asp:UpdatePanel> 
...  
 

(note that each UpdatePanel has appropriate AsyncPostBackTriggers set)

One of the pages dynamically adds the RadDocks at run-time, and the other has the RadDocks hard-coded.  The issue is that when any RadDock is moved/minimized/closed within the dynamic page, all other RadDocks are refreshed.  When any RadDock is moved/minimized/closed within the hard-coded page, all other RadDocks remain untouched.  What I want is the latter effect, where I can alter one RadDock and others will remain untouched.

How can I make this happen?  Anything with ViewState?  With more/less UpdatePanels?  With changing UpdateModes?  Any help would be greatly appreciated.

~Ryan

 

 

Dock
Pero
Telerik team
 answered on 20 Oct 2009
1 answer
128 views
Parser Error after deploying MOSS 5.5.1
Hi,

i have installed MOSS 5.5.1 on the Sharepoint Server and after opening my Startpage i get the following error:

Server Error in '/' Application.  
--------------------------------------------------------------------------------  
 
Parser Error   
Description: An error occurred during the parsing of a resource required to service this request. Please review the following specific parse error details and modify your source file appropriately.   
 
Parser Error Message: Bei der Verarbeitung der Seite ist ein schwerwiegender Fehler aufgetreten. Bitte wenden Sie sich an den Administrator dieser Website, um Hilfe zur Behebung des Problems zu erhalten.  
 
Source Error:   
 
 
Line 1:  <%@ Page Inherits="Microsoft.SharePoint.Publishing.TemplateRedirectionPage,Microsoft.SharePoint.Publishing,Version=12.0.0.0,Culture=neutral,PublicKeyToken=71e9bce111e9429c" %> <%@ Reference VirtualPath="~TemplatePageUrl" %> <%@ Reference VirtualPath="~masterurl/custom.master" %><html xmlns:mso="urn:schemas-microsoft-com:office:office" xmlns:msdt="uuid:C2F41010-65B3-11d1-A29F-00AA00C14882"><head> 
Line 2:  <!--[if gte mso 9]><xml>  
Line 3:  <mso:CustomDocumentProperties> 
   
 
Source File: /sites/npp/Seiten/NPPDokumentation.aspx    Line: 1   
 
 
--------------------------------------------------------------------------------  
Version Information: Microsoft .NET Framework Version:2.0.50727.4200; ASP.NET Version:2.0.50727.4016  

When i Retract the radeditormoss.wsp Solution everything works fine. Can someone help?
WebParts for SharePoint
Stanimir
Telerik team
 answered on 20 Oct 2009
1 answer
85 views
URL is text is considered as relative in Telerik LinkManager
I am using Telerik LinkManager in my code. When we give url text as 'http://google.com' the hyper link is getting created where the HREF is http://localhost/myapp/http://google.com.
Please do let me know how to get the correct url text here.

Thanks in advance.
Editor
Princy
Top achievements
Rank 2
 answered on 20 Oct 2009
1 answer
80 views
Interacting With Ajax Editor Via Telerik Silverlight Controls
Hi

I am trying to use your AJAX Editor control in combination with your Silverlight Ribbon & RADDock controls (see attached screenshot).  However Im struggling however to see how I would call commands in the (AJAX) Editor from the (Silverlight) Ribbon Bar.  For instance one of the things I want to do is have a button in my Ribbon which when clicked will disable/enabled the Editor(s) on my HTML page.

So far in my Ribbon bar button click I have the following C# code which will call a Javascript method on my HTML page which contains my Editor :

        private void DisabledEditor_Click(object sender, RoutedEventArgs e) 
        { 
            // Get the IFrame from the HtmlPresenter 
            HtmlElement iframe = (HtmlElement)App.Current.mainAEWindow.BrowseAndEdit.HtmlPresenter.Children[0]; 
 
            // Set an ID to the IFrame so that can be used later when calling the javascript 
            iframe.SetAttribute("id", "myIFrame"); 
 
            // Code to be executed 
            string code = "document.getElementById('myIFrame').contentWindow.SetEditorState();"; 
            HtmlPage.Window.Eval(code); 
        } 
 

This call gets to my HTML page fine, my issue is with the Javascript method and how I should use it to interact with my Editor :

    <script type="text/javascript"> 
    function SetEditorState() { 
        var editor = $find("<%=RadEditor1.ClientID%>"); //return a reference to RadEditor 
        editor.enabled = false; // this property does not exist ! 
    } 
    </script> 

As there isnt a client side "enabled" property on the Editor control I tried making an Asynchronous call from the Javascript to my C# code to disable the editor but as the calling code is not covered by one of the form controls listed in the <asp:AsyncPostBackTrigger> block in my <asp:UpdatePanel> (as in your online demo).  The call made it to my codebehind and changed the ".Enabled" property of my editor but the editor was not refreshed on screen :

        [System.Web.Services.WebMethod()]  
        [System.Web.Script.Services.ScriptMethod()]  
        public static void SetEditorState() 
        { 
            foreach (RadEditor re in editors) 
            { 
                re.Enabled = !re.Enabled; 
                if (re.Enabled) 
                    re.Style.Remove("overflow"); 
                else 
                    re.Style.Add("overflow", "auto"); 
            } 
        } 

Can you suggest some way of achieving this ?

Thanks in advance

Steve
Editor
Rumen
Telerik team
 answered on 20 Oct 2009
8 answers
1.2K+ views
Resize columns, hide horizontal scroll bar
Hi,

I have a problem in that I do not want the horizontal scroll bar to show (ever), think yahoo mail. However, whenever I increase a columns width the horizontal scroll bar appears. Can anyone help? Below is my code for the grid...

<telerik:RadGrid ID="RadGrid1" runat="server" OnItemDataBound="RadGrid_ItemDataBind" GridLines="None" Skin="Vista" AllowMultiRowSelection="True" 
            AllowPaging="false" AllowSorting="True" 
            PageSize="20" Height="100%" Width="100%" OnNeedDataSource="RadGrid1_NeedDataSource" > 
        <MasterTableView AutoGenerateColumns="False" Width="100%" DataKeyNames="ID" TableLayout="Fixed" RowIndicatorColumn-Resizable="true"> 
            <PagerStyle Visible="true" Mode="NextPrevAndNumeric" /> 
             
            <Columns> 
                <telerik:GridClientSelectColumn UniqueName="column"> 
                    <HeaderStyle Width="5%" /> 
                    <ItemStyle Width="5%" /> 
                </telerik:GridClientSelectColumn> 
                <telerik:GridTemplateColumn UniqueName="NameColumn" DataType="System.String" HeaderText="Name"> 
                    <HeaderStyle Width="15%" /> 
                    <ItemStyle Width="15%" Wrap="false" /> 
                    <ItemTemplate><asp:Label ID="lblName" runat="server"></asp:Label></ItemTemplate> 
                </telerik:GridTemplateColumn> 
                 
                <telerik:GridTemplateColumn UniqueName="ConstituencyColumn" DataType="System.String" HeaderText="Constituency"> 
                    <HeaderStyle Width="25%" /> 
                    <ItemStyle Width="25%" /> 
                    <ItemTemplate><asp:Label ID="lblConstituency" runat="server"></asp:Label></ItemTemplate> 
                </telerik:GridTemplateColumn> 
                <telerik:GridTemplateColumn UniqueName="PartyColumn" DataType="System.String" HeaderText="Party"> 
                    <HeaderStyle Width="10%" /> 
                    <ItemStyle Width="10%" /> 
                    <ItemTemplate><asp:Label ID="lblParty" runat="server"></asp:Label></ItemTemplate> 
                </telerik:GridTemplateColumn> 
                <telerik:GridTemplateColumn UniqueName="JobColumn" DataType="System.String" HeaderText="Job"> 
                    <HeaderStyle Width="20%" /> 
                    <ItemStyle Width="20%" /> 
                    <ItemTemplate><asp:Label ID="lblJob" runat="server"></asp:Label></ItemTemplate> 
                </telerik:GridTemplateColumn> 
                <telerik:GridTemplateColumn UniqueName="EmailColumn" DataType="System.String" HeaderText="Email"> 
                    <HeaderStyle Width="25%" /> 
                    <ItemStyle Width="25%" /> 
                    <ItemTemplate><asp:HyperLink ID="lblEmail" runat="server"></asp:HyperLink></ItemTemplate> 
                </telerik:GridTemplateColumn> 
            </Columns> 
        </MasterTableView> 
                    <ClientSettings AllowColumnsReorder="False"> 
                    <Resizing AllowColumnResize="true" EnableRealTimeResize="false" ResizeGridOnColumnResize="true" ClipCellContentOnResize="false" /> 
                    <Scrolling AllowScroll="True" UseStaticHeaders="True"/> 
                    <Selecting AllowRowSelect="True" /> 
                     
                </ClientSettings> 
        </telerik:RadGrid> 

Thanks in advance.

Antony
Grid
Jon
Top achievements
Rank 1
 answered on 20 Oct 2009
1 answer
131 views
Using mouse wheel on splitter
Hi,

I have a horizontal splitter control with two panes, one on the top and the other at the bottom.  I also have a radcombobox located on the top pane of the splitter.  The problem is when the pane overflows and a scrollbar appears, when I use the mouse wheel of my mouse, the combobox moves along the scroll bar.  However, when I don't have a splitter control and I use my mouse wheel, this behavior doesn't appear.  I have below the markup of my page just to show the issue.

 <telerik:RadSplitter ID="SummarySplitter" runat="server"  
            Orientation="Horizontal" VisibleDuringInit="false" BorderStyle="Dotted"  
            Width="1016px" Height="205px"> 
        <telerik:RadPane ID="TopPane" runat="server" Scrolling="Both" Width="770px"  
                Height="69px" > 
            <div style="height: 194px"> 
                 <telerik:RadComboBox ID="RadIR" runat="server" NoWrap="True" > 
                                     
                    <Items> 
                        <telerik:RadComboBoxItem Text="1" /> 
                    </Items> 
                </telerik:RadComboBox> 
            </div> 
                
        </telerik:RadPane> 
        <telerik:RadSplitBar ID="HorizontalSplitBar" runat="server" CollapseMode="Forward" /> 
        <telerik:RadPane ID="BottomPane" runat="server" Scrolling="Both" Height="350px" Width="768px" > 
 
        </telerik:RadPane> 
    </telerik:RadSplitter>     

Thanks,
Ryan
Splitter
Svetlina Anati
Telerik team
 answered on 20 Oct 2009
2 answers
184 views
Dataitem became object of Type dynamicClass1 when using Aggregate
Hello,

Adding Aggregate to some grid columns I discovered that in ItemDataBound the item.dataitem has been changed from DataRowView to this class dynamicClass1.

How could I use values from the associated Datarow now ?

Thanks
CS
Grid
CSurieux
Top achievements
Rank 2
 answered on 20 Oct 2009
1 answer
111 views
Radcombobox itemtemplate and ajax
Hi I am trying to hook up an ajax event every time a checkbox is clicked inside of a dynamically populated radcombobox itemtemplate that contains a label and checkbox.  I get the ajax to work on the first checkbox that is clicked and it refreshes the grid using ajax but once you click a second item it causes a postback. What is the best way to accomplish this?

    Protected Sub chk1_CheckedChanged(ByVal sender As Object, ByVal e As EventArgs) 
        rgReceived.Rebind() 
    End Sub 
 
    Protected Sub rcbBehavior_ItemCreated(ByVal sender As Object, ByVal e As Telerik.Web.UI.RadComboBoxItemEventArgs) Handles rcbBehavior.ItemDataBound 
        Dim chkBox As CheckBox = e.Item.FindControl("chk1") 
        RadAjaxManager1.AjaxSettings.AddAjaxSetting(chkBox, rgReceived, RadAjaxLoadingPanel1) 
    End Sub 

 
        <telerik:RadComboBox ID="rcbBehavior"  
    runat="server" AllowCustomText="true" ZIndex="3" 
                                 
    OnClientDropDownOpening="OnClientDropDownOpenedHandler" EmptyMessage="Select Behaviors..." 
                                HighlightTemplatedItems="true" Width="240px"> 
            <ItemTemplate> 
                <div> 
                    <asp:CheckBox ID="chk1" runat="server" Checked="true" AutoPostBack="true" onclick="onCheckBoxClick(this);" 
                                            OnCheckedChanged="chk1_CheckedChanged" /> 
                    <asp:Label ID="Label1" runat="server" AssociatedControlID="chk1"> 
                                <%#Eval("Title")%> 
                                        </asp:Label> 
                </div> 
            </ItemTemplate> 
        </telerik:RadComboBox> 


ComboBox
Yana
Telerik team
 answered on 20 Oct 2009
Narrow your results
Done
Selected tags
Tags
Grid
General Discussions
Editor
Scheduler
ComboBox
Ajax
Window
TreeView
Menu
Calendar
Chart (Obsolete)
TabStrip
Input
Dock
ToolTip
Upload (Obsolete)
AsyncUpload
WebParts for SharePoint
PanelBar
FileExplorer
Splitter
ListBox
Chart (HTML5)
Rotator
ListView
Button
ToolBar
TreeList
Sharepoint Integration
FormDecorator
Filter
Slider
ScriptManager and StyleSheetManager
UI for ASP.NET AJAX in ASP.NET MVC
AutoCompleteBox
PivotGrid
Installer and VS Extensions
Spell
Documentation and Tutorials
ImageEditor
Captcha
RibbonBar
DropDownList
OrgChart
Visual Style Builder
DropDownTree
Gantt
ColorPicker
Notification
BinaryImage
SkinManager
TileList
Wizard
SearchBox
Spreadsheet
Map
ImageGallery
Rating
DatePicker
MediaPlayer
XmlHttpPanel
Diagram
Compression
DataPager
SiteMap
CloudUpload
LightBox
Gauge
AjaxLoadingPanel
PageLayout
Navigation
SocialShare
DataForm
Persistence Framework
ClientExportManager
ProgressArea
AjaxPanel
CheckBox
TagCloud
NumericTextBox
Barcode
ClientDataSource
PdfViewer
DateTimePicker
MultiColumnComboBox
MultiSelect
RadioButtonList
MaskedTextBox
Theme Builder
Styling
ProgressBar
DateInput
Licensing
Chat
ODataDataSource
MonthYearPicker
TimePicker
Accessibility
LinkButton
ToggleButton
Label
Localization
Security
DateRangePicker
TreeMap
ImageButton
InputManager
Timeline
Card
Drawer
PushButton
Ticker
Signature
Avatar
Switch
OTPInput
Breadcrumb
SplitButton
DragDropManager
Stepper
FloatingActionButton
Chip
ChipList
AIPrompt
Badge
SpeechToText
SmartPasteButton
SegmentedControl
+? 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?
Learn how
8125 8126
8127
8128 8129
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?
Learn how
Want to show your ninja superpower to fellow developers?
Learn how