Telerik Forums
UI for ASP.NET AJAX Forum
5 answers
296 views
Hi Everyone,

I'm new to telerik and I recently started to explore with it and love it.  I build a page with it and I want to have 3 separate collapsible Dock within one page.  I created it like this:

<telerik:RadDockLayout ID="RadDockLayout2" runat="server">
                            <telerik:RadDockZone ID="RadDockZone3" runat="server" Height="300px" Width="300px">
                                <telerik:RadDock ID="RadDock3" runat="server" Width="300px" Title="Dock1" Text="Dock1">
                                <Commands>
                                <telerik:DockExpandCollapseCommand />
                                </Commands>
                                <ContentTemplate>
                                  --Contents here---
                                </ContentTemplate>
                                </telerik:RadDock>
                            </telerik:RadDockZone>
                            <telerik:RadDockZone ID="RadDockZone4" runat="server" Height="300px" Width="300px">
                                <telerik:RadDock ID="RadDock4" runat="server" Width="300px" Title="Dock2" Text="Dock2">
                                <Commands>
                                <telerik:DockExpandCollapseCommand />
                                </Commands>
                                <ContentTemplate>
                                --Contents here---
                                </ContentTemplate>
                                </telerik:RadDock>
                            </telerik:RadDockZone>
 
                            <telerik:RadDockZone ID="RadDockZone5" runat="server" Height="300px" Width="300px">
                                <telerik:RadDock ID="RadDock5" runat="server" Width="300px" Title="Dock2" Text="Dock2">
                                <Commands>
                                <telerik:DockExpandCollapseCommand />
                                </Commands>
                                <ContentTemplate>
                                  --Contents here---
                                </ContentTemplate>
                                </telerik:RadDock>
                            </telerik:RadDockZone>
                        </telerik:RadDockLayout>

My problem is that I have some textbox/combobox in Dock1 and need to create a SqlDataSource in dock2 but  use the  textbox/combobox as variable in the SqlDataSource.  When I try to run it, I get a "Cannot find the Control" for SqlDataSource.  Is there any way I can work around  this or a simple way of creating such  page?

Shinu
Top achievements
Rank 2
 answered on 11 Nov 2013
1 answer
116 views
Hi,

I have an issue with the RadScheduler. If I use a TimeLineView with no resources or appointments, the "Navigate to date" window cannot be used to navigate t an date where there might be data, because the window expands beyond the Scheduler's area and thereby the web part (i guess). See the screenshot for what I mean.

I have tried setting the height of the TimelineView but it doesn't work and I have read that setting the height of a TimelineView is not supported anyway. I have also tried setting the height of the SharePoint Webpart containing the scheduler to 1000 pixels through the SharePoint UI, but still no luck. Finally, I have tried wrapping the scheduler in a div and set the height of the div to 1000px, but that doesn't work either. 

Do you have any solution to how to make the navigation pane show properly when there are no items in the TimelineView?
Plamen
Telerik team
 answered on 11 Nov 2013
2 answers
137 views
I'm seeing an issue with a RadGrid using client-side databinding where if the user changes the page size using the dropdown in the paging footer, the additional rows don't get some of the column settings (like horizontal alignment, CSS class, etc) that they should.

The grid is set up like so:
<telerik:RadGrid runat="server" ID="RadGrid1" AutoGenerateColumns="false"
    Width="100%" GridLines="None" PageSize="5" AllowFilteringByColumn="true" AllowPaging="true"
    AllowSorting="true">
    <MasterTableView EnableViewState="False" EnableNoRecordsTemplate="true" IsFilterItemExpanded="false">
        <NoRecordsTemplate>
            There are no available records.
        </NoRecordsTemplate>
        <RowIndicatorColumn>
            <HeaderStyle Width="20px"></HeaderStyle>
        </RowIndicatorColumn>
        <ExpandCollapseColumn>
            <HeaderStyle Width="20px"></HeaderStyle>
        </ExpandCollapseColumn>
        <Columns>
            <telerik:GridHyperLinkColumn SortExpression="Name" ItemStyle-CssClass="gridLink" ItemStyle-Wrap="true" HeaderText="Description"
                UniqueName="Name" DataTextField="Name" FilterControlWidth="55px" CurrentFilterFunction="Contains">
            </telerik:GridHyperLinkColumn>
            <telerik:GridDateTimeColumn AllowFiltering="true" AllowSorting="true"
                ItemStyle-Wrap="false" DataField="DueDate" DataFormatString="{0:M/d/yyyy}" HeaderText="Scheduled"
                UniqueName="DueDate" ItemStyle-Width="85" HeaderStyle-HorizontalAlign="Right"
                ItemStyle-HorizontalAlign="Right" CurrentFilterFunction="GreaterThanOrEqualTo">
            </telerik:GridDateTimeColumn>
            <telerik:GridDateTimeColumn AllowFiltering="true" AllowSorting="true"
                ItemStyle-Wrap="false" DataField="DoneDate" DataFormatString="{0:M/d/yyyy}" HeaderText="Done"
                UniqueName="DoneDate" ItemStyle-Width="55" HeaderStyle-HorizontalAlign="Right"
                ItemStyle-HorizontalAlign="Right" CurrentFilterFunction="GreaterThanOrEqualTo">
            </telerik:GridDateTimeColumn>
        </Columns>
    </MasterTableView>
    <PagerStyle Mode="NextPrevAndNumeric" />
    <ClientSettings>
        <ClientEvents 
            OnDataBinding="RadGrid1_OnDataBinding" 
            OnDataBound="RadGrid1_OnDataBound" 
            OnRowDataBound="RadGrid1_OnRowDataBound"
            OnDataBindingFailed="RadGrid1_OnDataBindingFailed" />
        <DataBinding Location="~/Services/RadGrid1Service.svc" SelectMethod="GetRadGrid1Data" SortParameterType="String" FilterParameterType="String">
        </DataBinding>
    </ClientSettings>
</telerik:RadGrid>

I have attached a screenshot showing the problem (rows 6 and on do not have the Scheduled date right-aligned; they also do not get the gridLink CSS class on the Description column).

Is this a known issue/is there a workaround? I've looked at the OnRowDataBound method and it's not doing anything that should interfere with this as far as I know -- all it does is conditionally add a CSS class (using jQuery.addClass) to the Scheduled column if the date is in the past.




 
Vsoni
Top achievements
Rank 1
 answered on 11 Nov 2013
1 answer
134 views
Hi,
In my telerik grid AggregateFiled,I have bind Text box.
This works fine but when i click  on any button on page it shows me java script error message .
i have attached Image for more details.
if i replace Textbox with Lable its working fine.In my case i want to add text box to aggregate field and end user can edit the value and need to save the data.
here is my code.

By Code : Iam getting Error1.jpg
 TelerikPivotGridHelper.PivotGridAggregateFiled(RadGrid1, "", "LoadHours", "LoadHours", 60, "{0:F2}", "{0:F2}", TelerikControlType.TextBox, "lblAmount");

 #region PivotGridAggregateFiled
    public static void PivotGridAggregateFiled(RadPivotGrid grid, String headertext, String datafield, String UniqueName, int Width, String DataFormatString, String totalformatString, TelerikControlType Columntype, String contolID)
    {
        PivotGridAggregateField aggregateField = new PivotGridAggregateField();
        if (Columntype != TelerikControlType.None)
        {
            aggregateField.CellTemplate = new MyTemplate(datafield, Columntype.ToString(), Width - 2, contolID);
        }
        aggregateField.DataField = datafield;
        aggregateField.UniqueName = UniqueName;
        aggregateField.CellStyle.Width = Width;
        aggregateField.DataFormatString = DataFormatString;
        aggregateField.TotalFormatString = totalformatString;
        aggregateField.Caption = headertext;
        grid.Fields.Add(aggregateField);

    }
    #endregion



 public void txtbox1_DataBinding(object sender, EventArgs e)
        {
            TextBox txtbox1 = (TextBox)sender;
            PivotGridDataCell container = (PivotGridDataCell)txtbox1.NamingContainer;
            if (container.DataItem != null)
            {
                txtbox1.Text = container.DataItem.ToString();
            }
            else
            {
                txtbox1.Text = "0";
            }
        }

by Design : Iam getting Error2.jpg
 <telerik:PivotGridAggregateField DataField="LoadHours"  CellStyle-Width="60px">
                <celltemplate >   
                <asp:TextBox ID='txtloadhours' runat="server" Width="46" Text='<%# Container.DataItem%>' ></asp:TextBox>
                <%--  <asp:TextBox ID='txtloadhours' runat="server" Width="46" Text='<%# ProcessMyDataItem(Container.DataItem) %>' ></asp:TextBox>--%>

 
                  </celltemplate>         
                </telerik:PivotGridAggregateField>   
Syed
Top achievements
Rank 1
 answered on 11 Nov 2013
13 answers
1.4K+ views
Hi. I am using IE8 and I get the above JavaScript error in a couple of Telerik Client Side Event handlers. I don't understand why?!

First example, in RadTreeView control:

<telerik:RadTreeView ID="treeView" runat="server" Skin="Vista" OnClientContextMenuItemClicked="onClientContextMenuItemClicking"
    <ContextMenus> 
        <telerik:RadTreeViewContextMenu ID="FolderContextMenu" runat="server" Skin="Vista"
            <Items> 
                <telerik:RadMenuItem Value="FolderDelete" Text="Delete Folder" PostBack="true"></telerik:RadMenuItem> 
            </Items> 
        </telerik:RadTreeViewContextMenu> 
    </ContextMenus> 
</telerik:RadTreeView> 

Event handler
        function onClientContextMenuItemClicking(sender, args) { 
            var menuItem = args.get_menuItem(); 
            var treeNode = args.get_node(); 
            menuItem.get_menu().hide(); 
 
            switch (menuItem.get_value()) { 
                case "FolderDelete":                    
                    args.set_cancel(true); 
                    break
            } 
        } 

...would throw and error in the line where it says: "args.set_cancel(true);"


Same I get in your example of function ShowPopupAbove(sender, eventArgs) - eventArgs.set_cancel(true); just don't work for me!!!




Webpage error details

User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.0; WOW64; Trident/4.0; SLCC1; .NET CLR 2.0.50727; Media Center PC 5.0; .NET CLR 3.0.30618; .NET CLR 3.5.21022; .NET CLR 3.5.30729; InfoPath.2)
Timestamp: Tue, 18 Aug 2009 16:00:09 UTC

Message: Object doesn't support this property or method
Line: 183
Char: 21
Code: 0



Ramanathan
Top achievements
Rank 1
 answered on 10 Nov 2013
2 answers
153 views
Telerik support

I am new to this control and about to use this to upload image files in my website. I tried the below code
<telerik:RadScriptManager runat="server" ID="RadScriptManager1" />
<telerik:RadAsyncUpload runat="server" ID="radasyncUpload1" MultipleFileSelection="Automatic" AllowedFileExtensions=".jpg" TargetFolder="~/UploadImages/" />
<telerik:RadButton ID="rbtnUpload" runat="server" Text="Upload"></telerik:RadButton>

Some times when I run the page, IE display a popup with an error telling that the page cannot be found and In Firefox, the upload will start and it wont complete. I can see the yellow button blinking continuously. Suppose if I cancel that file, rest of the files are successfully uploaded. I am having the 2013.2.522 web.ui.dll

Thanks
Freddy
Freddy
Top achievements
Rank 1
 answered on 09 Nov 2013
1 answer
189 views
Hello I am trying to hide/eliminate the image 1 of one from the ligtbox
thank you


<telerik:RadLightBox ID="FeedbackLightBox" runat="server"  Modal="true">
        <ClientSettings>
            <AnimationSettings HideAnimation="Resize" NextAnimation="Fade" PrevAnimation="Fade"  ShowAnimation="Resize" />
        </ClientSettings>
        <Items>
            <telerik:RadLightBoxItem>
                <ItemTemplate>
                    <div>
                        <br />
                        <h2>
                        Email Address</h2>
                        <img style="" alt="" src="<%= ResolveUrl("~/images/popup_underline.gif") %>" width="80%"><br />
                        <br />
                        The email address you enter will be used as your unique login ID. You will also
                        receive all Portal notifications to this email address.<br />
                        <br />
                        If this email address is in use, please verify that another user is not already
                        registered with this email address.
                        <br />
                        <br />
                        If this is your email address and you have forgotten the password, please click <a
                            href="<%= ResolveUrl("~/Profile/ResetPassword.aspx") %>">here</a> to go to the
                        Reset Password page.
                        <br />
                        <br />
                    </div>
                </ItemTemplate>
            </telerik:RadLightBoxItem>
        </Items>
    </telerik:RadLightBox>

<a href="#" onclick=" OpenCodeLightBox();"  class="left-field poplight"></a>

function OpenCodeLightBox() {
            var lightBox = $find('<%= FeedbackLightBox.ClientID %>');
            lightBox.show();
        }


 
Gary
Top achievements
Rank 1
 answered on 08 Nov 2013
3 answers
267 views
Sorry, AllowScroll="true" works in the new version 2013.3.1015.45
But the columns are not centered......

2013.2.717.45.png: Centered perfect and scrolling works
2013.3.1015.45.png: Not centered and scrolling doesn't works


Pavlina
Telerik team
 answered on 08 Nov 2013
3 answers
347 views

hi,

i have a usercontrol with radgrid that have a RadTabStrip in its nestedviewtemplet and in tab there is usercontrols and each control has it's 

i am using this code to update radgrids in all controls even the parent control

  
Dim ParentPageAjaxManager As RadAjaxManager = RadAjaxManager.GetCurrent(Page)
ParentPageAjaxManager.AjaxSettings.AddAjaxSetting(ParentPageAjaxManager,
Me.StudentsMasterProgramsListRadGrid)
 AddHandler ParentPageAjaxManager.AjaxRequest, AddressOf ParentPageAjaxManager_AjaxRequest

when compile i get this error "Collection was modified; enumeration operation may not execute."

so i tried to remove this line 

ParentPageAjaxManager.AjaxSettings.AddAjaxSetting(ParentPageAjaxManager,
                        Me.StudentsMasterProgramsListRadGrid)


from all child controls and leave it in the parent control and it worked!!

and rad grids in controls in nestedtemplete update like i want 

but the problem when i want to use those child controls ((not in a rad grid))) then radgrids in child controls won't update by ajaxmanger .


could someone please explain this to me and gave me a solution .
 

Angel Petrov
Telerik team
 answered on 08 Nov 2013
5 answers
428 views
Hi teleirk,
    How to multiple select node without pressing ctrl key? I have a secnario, when user select a node, add it value to a textbox, but I don't want to multiple select with any keyboard, only use mouse, how to implement it?
    question 2 : Is there any client method to directly get all the selected nodes?
    suggestion: Why not add a property like ExplandDeeps, in some scenario, we usually need to expland 1 or 2 level automatic of the tree after the data was binded
Boyan Dimitrov
Telerik team
 answered on 08 Nov 2013
Narrow your results
Selected tags
Tags
+? more
Top users last month
Boardy
Top achievements
Rank 2
Veteran
Iron
Benjamin
Top achievements
Rank 3
Bronze
Iron
Veteran
ivory
Top achievements
Rank 1
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
ClausDC
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Boardy
Top achievements
Rank 2
Veteran
Iron
Benjamin
Top achievements
Rank 3
Bronze
Iron
Veteran
ivory
Top achievements
Rank 1
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
ClausDC
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?