Telerik Forums
UI for ASP.NET AJAX Forum
1 answer
183 views
hi
I use radgrid in batch mode with editTemplateItem .
i have 2 question:
I have 3 column .first  column and Third column are radtextbox and second column is button .now i want in first textbox when press tab focus goes to third column(second textbox) in other word don't focus button with tab.

I have 3 column .in all column i have textbox .some times second texbox disable in first textbox when i press tab focus dose not go to third textbox why how can solve this problem

sorry for my poor english
Viktor Tachev
Telerik team
 answered on 18 Jul 2014
1 answer
113 views
I have an interesting, but not funny, situation with the RadScheduler. In a nutshell, I am using context menus for the Appointments and Time Slots. My issue is with the Appointment context menu. Looking at the attached aspx page, you will notice that the data source for the scheduler is controlled by one of the combo boxes. When first entering the page, everything works as expected. However, after changing the selected item on the combobox, the Appointment context menu fails (I believe it is in the showAt method) when the following error is recorded: Unable to get property 'parentNode' of undefined or null reference. This leaves the property, _shown, set to true which means that, the next time you try to open the menu, it thinks it is already open and tries to close it, which also fails.

The scheduler is defined as:

<telerik:RadScheduler ID="RadScheduler1" runat="server" DataEndField="EndOn" DataKeyField="ScheduleId"
DataRecurrenceField="RecurrenceRule" DataRecurrenceParentKeyField="RecurrentParentId"
DataSourceID="ScheduleDataSource" DataStartField="StartOn" DataSubjectField="Subject"
DayStartTime="06:00:00" MinutesPerRow="60" SelectedView="MonthView" StartInsertingInAdvancedForm="True"
Width="1000px" ShowViewTabs="False" Height="580px"
OnNavigationCommand="RadScheduler1_NavigationCommand" OnClientFormCreated="OnClientFormCreated"
ShowFooter="False" RowHeight="20px" OnAppointmentDelete="RadScheduler1_AppointmentDelete"
OnAppointmentInsert="RadScheduler1_AppointmentInsert" OnAppointmentUpdate="RadScheduler1_AppointmentUpdate"
OnClientAppointmentMoveStart="RadScheduler1_AppointmentMoveStart" OnOccurrenceDelete="RadScheduler1_OccurrenceDelete"
AllowEdit="False" OnFormCreating="RadScheduler1_FormCreating"
OnClientAppointmentContextMenu="RadScheduler1_AppointmentContextMenu"
OnClientAppointmentContextMenuItemClicked="RadScheduler1_AppointmentContextMenuItemClicked"
OnAppointmentDataBound="RadScheduler1_AppointmentDataBound">
<ExportSettings>
<Pdf PageBottomMargin="1in" PageLeftMargin="1in" PageRightMargin="1in" PageTopMargin="1in" />
</ExportSettings>
<AdvancedForm Modal="True" />
<AppointmentContextMenus>
<telerik:RadSchedulerContextMenu runat="server" ID="AppointmentContextMenu">
<Items>
<telerik:RadMenuItem Text="Delete" Value="CommandDelete" />
<telerik:RadMenuItem Text="Execution Summary" Value="Summary" />
<telerik:RadMenuItem Text="View Commands" Value="Commands" />
</Items>
</telerik:RadSchedulerContextMenu>
</AppointmentContextMenus>
<TimeSlotContextMenus>
<telerik:RadSchedulerContextMenu runat="server" ID="TimeSlotContextMenu">
<Items>
<telerik:RadMenuItem Text="New Calendar/Event" Value="CommandAddAppointment" />
<telerik:RadMenuItem Text="New Recurring Calendar/Event" Value="CommandAddRecurringAppointment" />
</Items>
</telerik:RadSchedulerContextMenu>
</TimeSlotContextMenus>
<ResourceTypes>
<telerik:ResourceType DataSourceID="CalendarDataSource" ForeignKeyField="CalendarId"
KeyField="CalendarId" Name="Calendar" TextField="Name" />
<telerik:ResourceType DataSourceID="EventDataSource" ForeignKeyField="EventId" KeyField="EventId"
Name="Event" TextField="Name" />
</ResourceTypes>
<Localization ConfirmRecurrenceDeleteSeries="Delete this and all future occurrences." />
<TimelineView NumberOfSlots="7" />
<WeekView DayStartTime="06:00:00" />
<MultiDayView DayStartTime="06:00:00" />
<MonthView FirstDayHeaderDateFormat="d MMM" />
</telerik:RadScheduler>

The data source is defined as:

<asp:LinqDataSource ID="ScheduleDataSource" runat="server" ContextTypeName="EnterpriseWeb.DataContracts.Scheduling.SchedulingDataContext"
EntityTypeName="" TableName="ScheduleHeaderRows" EnableDelete="True" EnableInsert="True"
EnableUpdate="True" Where="GroupID == @GroupID" OnInserting="ScheduleDataSource_Inserting"
OnUpdated="ScheduleDataSource_Updated">
<WhereParameters>
<asp:ControlParameter ControlID="GroupComboBox" DefaultValue="0" Name="GroupId" PropertyName="SelectedValue"
Type="Int16" />
</WhereParameters>
</asp:LinqDataSource>

The method for opening the menu is:

function RadScheduler1_AppointmentContextMenu(sender, args)
{
SelectedAppointment = args.get_appointment();
SelectedDate.val(SelectedAppointment.get_start().format("MM/dd/yyyy"));
AppointmentContextMenu.show(args.get_domEvent());
}

Unfortunately, I will not be able to provide any data for testing.
Boyan Dimitrov
Telerik team
 answered on 18 Jul 2014
1 answer
137 views
Hi i am using Telerik RadGrid control.in which I added FilterTemplate as RadCombobox for providing filter to particular column but That combobox is not looking proper. 
PFA for screenshot of ComBobox.

Code:

<telerik:RadGrid ID="RadGridApplications" Skin="Metro" SkinID="Metro" AutoGenerateColumns="false"
                                OnNeedDataSource="RadGridApplications_NeedDataSource" AllowPaging="true" PageSize="10" 
                                ShowStatusBar="true" AllowFilteringByColumn="true" runat="server">

                    <MasterTableView DataKeyNames="ProductID">
                        <Columns>
                            <telerik:GridBoundColumn DataField="ProductID" HeaderText="Application ID" HeaderStyle-Width="10%" AllowFiltering="false">
                            </telerik:GridBoundColumn>
                            
                            <telerik:GridBoundColumn DataField="Name" HeaderText="Application Name" HeaderStyle-Width="65%" AllowFiltering="false">
                            </telerik:GridBoundColumn>

                            <telerik:GridBoundColumn DataField="Status" HeaderText="Status" HeaderStyle-Width="15%" FilterControlAltText="Status"
                            ReadOnly="true">
                            <FilterTemplate>
                            
                            <telerik:RadComboBox ID="Status_filter" runat="server" Height="200px" Width="100%" 
                                                AppendDataBoundItems="true" OnClientSelectedIndexChanged="selectedindexchanged" 
                                                SelectedValue='<%# ((GridItem)Container).OwnerTableView.GetColumn("Status").CurrentFilterValue %>'>
                            <Items>
                                <telerik:RadComboBoxItem Text="Active" Value="Active"/>
                                <telerik:RadComboBoxItem Text="In-Active" Value="In-Active" ViewStateMode="enabled" />
                            </Items>
                            </telerik:RadComboBox>

                            <telerik:RadScriptBlock ID="radscriptblock1" runat="server">
                            <script type="text/javascript">
                                function selectedindexchanged(sender, args) {
                                    var tableview = $find("<%# ((GridItem)Container).OwnerTableView.ClientID %>");
                                tableview.filter("status", args.get_item().get_value(), "equalto");
                                }  
                            </script>
                            </telerik:RadScriptBlock>

                            </FilterTemplate>
                            </telerik:GridBoundColumn>
                            
                            <telerik:GridHyperLinkColumn Text="Edit" ItemStyle-CssClass="editlink" DataNavigateUrlFields="ProductID" HeaderStyle-Width="10%"
                                DataNavigateUrlFormatString="AddEditApplication.aspx?Mode=Edit&ID={0}" AllowFiltering="false">
                            </telerik:GridHyperLinkColumn>
                        </Columns>
                    </MasterTableView>
                </telerik:RadGrid>
Eyup
Telerik team
 answered on 18 Jul 2014
4 answers
226 views
Hello,

I created a custom control that inherits from GridBoundColumn and that adds an icon after the text of the cell.

My problem occurs when I use this column in a grid (I does not specify “HeaderStyle-width” in order that the grid itself sets the column width for all columns). As you can see in the attachment, sometimes it happens that the icon goes to the next line.

Can we ensure that this column has always a width of 10px more than the value calculated by the grid ?
Jonas
Top achievements
Rank 1
 answered on 18 Jul 2014
1 answer
106 views
I am getting the below error while copying the content from MS Word (Table structure) to Rad Editor. We are using v2014.1.403.40 version.

Object doesn't support property or method 'getSelection'

Could you please let me know what needs to be done to resolve this issue?


Regards,
Saikrishna
Ianko
Telerik team
 answered on 18 Jul 2014
1 answer
238 views

Hi Telerik team,
Our development team is interested on using RadOrgChart. We are trying to test on features that your OrgChart offer.
There are some questions/concerns on it before we are going to development based on this element. 

When the node in each level is very long, it will expand the screen instead of creating new node line.
This problem is the same as this image in this post.  The Column Count is not helping in this case as there is no grouping defined on our chart.
Questions:
1.       In the current version, are there any configurations that can set maximum width of the chart to force it to create a new line?
2.       If there aren’t, are there any workaround?  We can only thinking of modifying CSS of the OrgChart by customized Javascript to regenerate the chart after it finish rendering, which might be a bit complicated. 


Another topic is on search feature with the OrgChart. We found that we can use drillDownOnNode like the exampled in the Breadcrumb example.
Questions:
1.       Is there the similar method for the server side (C#) to navigate to specified node? It’d be great if we can use command like this: orgChart.drillDownOnNode(ServerFoundNode).
2.       Is it possible to retrieve hierarchical string (e.g.”0:0:1”) of the node from server-side without have to trace back Nodes object? We may need to use MaxDataBindDepth=2 so we might not able to retrieve all hierarchy string from client side. 

Thank you and regards, 

Plamen
Telerik team
 answered on 18 Jul 2014
1 answer
76 views
We are enabling the Drag and Drop option using AsyncUpload,
referred the below code,

http://demos.telerik.com/aspnet-ajax/asyncupload/examples/draganddrop/defaultcs.aspx

It is working fine in Firefox, Chrome, Safari but not in IE 7 and IE8, when I
go through the other threads related to this issue it was mentioned that this
Drag and Drop will only work in smart browsers [HTML 5], so is there any
work-around or fix to make it work in IE7 and IE8?

Please help us to fix this issue..
Plamen
Telerik team
 answered on 18 Jul 2014
2 answers
169 views

We're currently experiencing an issue with the RadImageGallery, where the images are offset to the right half of the image area (please see attached screenshot)

This behaviour only occurs when a transition is in progress- after the transition is complete, the image displays correctly.

It's a freshly created asp.net project, no other CSS sources.

Oddly enough it displays correctly in IE9 (out of compatibility view), but the problem is apparent on IE9 (in compatibility view), Chrome (35.0.1916.153m), Firefox (27.0.1), and in the browser on my android handset.

Here is the captured CSS when the transition is in progress:

<div id="ctl00_MainContent_RadImageGallery1_ImageWrapper" 
class="rigActiveImage" style="width: 100%; height: 100%; visibility: 
visible;"><img style="width: 873px; padding-left: 0px; padding-top: 0px; 
opacity: 0.07022499999999987; position: absolute;" 
src="images/food/image027.jpg"><img style="width: 873px; padding-left: 
0px; padding-top: 0px; position: absolute; opacity: 0.9304772499843036;" 
src="images/food/image042.jpg"><div class="rigToolsWrapper"><div 
class="rigDescriptionBox" style="display: none;"><h4 
class="rigTitle">Mmmm... Food</h4><p 
class="rigDescription">Description text will go 
here</p></div><div class="rigDotList"><a href="#" 
class="rigCurrentItem"><span></span></a><a href="#" 
class=""><span></span></a><a href="#" 
class=""><span></span></a></div></div></div>

The telerik control code:

<telerik:RadImageGallery ID="RadImageGallery1" runat="server" DisplayAreaMode="Image" LoopItems="true" Width="873" Height="582" >
    <ThumbnailsAreaSettings Mode="ImageSlider" />
    <ClientSettings>
        <AnimationSettings SlideshowSlideDuration="5000">
            <NextImagesAnimation Speed="1000" Type="Fade" />
            <PrevImagesAnimation Speed="1000" Type="Fade" />
        </AnimationSettings>
    </ClientSettings>
    <ToolbarSettings ShowSlideshowButton="false" Position="Bottom" ShowItemsCounter="false" ShowFullScreenButton="false" ShowThumbnailsToggleButton="false" />
    <Items>
        <telerik:ImageGalleryItem Title="TestImage1" ImageUrl="images/food/image042.jpg" description="Description text will go here"/>
        <telerik:ImageGalleryItem Title="TestImage2" ImageUrl="images/food/image055.jpg" description="Description text will go here"/>
        <telerik:ImageGalleryItem Title="TestImage3" ImageUrl="images/food/image027.jpg" description="Description text will go here"/>
    </Items>
</telerik:RadImageGallery>

Can this be fixed by CSS or other means?

Many thanks
Scott
Top achievements
Rank 1
 answered on 18 Jul 2014
15 answers
163 views
Hi ,

I am using Telerik RadGrid in my application having multilevel hierachy i.e the Master table has a detail table which again has one more detail table.Export to excel with same grid is working fine but I am facing the following two issues with export to word.
1.  When I try to export the grid details to word only the first row of the grid is expanded and completely exported and the other rows are not not expanded only the Master Table rows are displayed.
2. When I again click the export to word only the parent i.e master table rows are exported to the doc file.

I have used the disable ajax for export and set the following properties to the grid

 
grid.MasterTableView.HierarchyDefaultExpanded = true;
            if (grid.MasterTableView.HasDetailTables)
            {
                foreach (GridTableView gridTableView in grid.MasterTableView.DetailTables)
                {
                    // Added by partner CB to Fix defect 15597
                    gridTableView.AllowPaging = false;
                    gridTableView.HierarchyDefaultExpanded = true;
                }
            }
           
grid.ItemCreated += new GridItemEventHandler(RadGrid_ItemCreated);
            grid.ExportSettings.ExportOnlyData = true;
            grid.ExportSettings.IgnorePaging = true;
            grid.ExportSettings.OpenInNewWindow = true;

  grid.MasterTableView.ExpandCollapseColumn.Display = false;
        grid.MasterTableView.HierarchyLoadMode = GridChildLoadMode.Client;
        grid.MasterTableView.DetailTables[0].ExpandCollapseColumn.Display = false;
        grid.MasterTableView.DetailTables[0].DetailTables[0].ExpandCollapseColumn.Display = false;


Please help me in this.

Thanks,
Princy
Top achievements
Rank 2
 answered on 18 Jul 2014
4 answers
145 views

Hi,

I have a user control inside a sliding pane.  The user control is a container for 5 other child user controls.  Each of the 5 user controls is a search criteria that I will have it expanded as default.  The problem I'm having is when they all expanded, the vertical scroll bar only has effect on the PanelBars but the content of each child user controls does not scroll.  I've been searching on the forum but couldn't find one that's similar to mine (I guess no one made the same mistake like I have).  Could you please tell me if I'm setting up something incorrectly with RadPanel? I have also attached a screen shot to show you the problem.

This is the code of my page that has main search container:

<telerik:RadPane ID="LeftPane" runat="server" Width="22px"  >
    <telerik:RadSlidingZone ID="RadSlidingZone1" runat="server" Scrolling="None">
        <!-- Search Pane -->
        <telerik:RadSlidingPane ID="LeadSearchSlidePane" Title="Search Criteria" runat="server">
             <uc1:LeadSearchCriteria runat="server" ID="LeadSearchCriteria" />
        </telerik:RadSlidingPane>
         <!-- Grid Pane -->
        <telerik:RadSlidingPane ID="GridListSlidePane" Title="Grid View" runat="server" Scrolling="None" OnClientExpanding="ExpandGridPane" OnClientDocked="ExpandGridPane" >
             <uc2:LeadSearchGridView runat="server" ID="LeadSearchGridView" />
        </telerik:RadSlidingPane>
    </telerik:RadSlidingZone>
</telerik:RadPane>

ascx for Search container user control :
<style type="text/css">
    .searchpane {
        width:inherit;
        height:inherit;
        overflow:auto !important; /* with this line, the control will not adjust in the RadPane correctly */
    }
 
</style>
 
 
<div class="searchpane">
     
    <div>
        <telerik:RadButton ID="RadSearchButton" runat="server" Text="Search" OnClick="RadSearchButton_Click" />
        <telerik:RadButton ID="RadSaveSearchButton" runat="server" Text="Save"  />
    </div>
 
    <telerik:RadPanelBar ID="RadSearchPanelBar" runat="server" Width="100%"  Height="90%" ExpandMode="MultipleExpandedItems" >
        <Items>
            <telerik:RadPanelItem runat="server" Text="Date" Expanded="true"   >
                <ContentTemplate>
                    <div style="position:inherit">
                    <uc1:CriteriaDate runat="server" ID="CriteriaDate"  />
                    </div>
                </ContentTemplate>
            </telerik:RadPanelItem>   
            <telerik:RadPanelItem runat="server" Text="Company" Expanded="true" >
                <ContentTemplate>
                    <uc2:CriteriaCompany runat="server" ID="CriteriaCompany" />
                </ContentTemplate>
            </telerik:RadPanelItem>
            <telerik:RadPanelItem runat="server" Text="Status" Expanded="true" >
                <ContentTemplate>
                    <uc3:CriteriaStatus runat="server" ID="CriteriaStatus" />
                </ContentTemplate>
            </telerik:RadPanelItem>
            <telerik:RadPanelItem runat="server" Text="Activity Status" Expanded="true" >
                <ContentTemplate>
                    <uc4:CriteriaActivityStatus runat="server" ID="CriteriaActivityStatus" />
                </ContentTemplate>
            </telerik:RadPanelItem>
            <telerik:RadPanelItem runat="server" Text="Saved Search" Expanded="true" >
                <ContentTemplate>
                    <uc5:CriteriaSavedSearch runat="server" ID="CriteriaSavedSearch" />
                </ContentTemplate>
            </telerik:RadPanelItem>
            <telerik:RadPanelItem runat="server" Text="Dummy test panel" Expanded="true" >
                <ContentTemplate>
                    <uc2:CriteriaCompany runat="server" ID="CriteriaCompany1" />
                </ContentTemplate>
            </telerik:RadPanelItem>
        </Items>
 
    </telerik:RadPanelBar>  
         
</div>

One of the search criteria user control (child):

<style type="text/css">
    .companycriteria {
        width:inherit;
        height:inherit;
         
    }
</style>
 
<div class="companycriteria">
    <div style="float:right">
        <asp:CheckBox ID="IncludeDateInCriteriaCheckBox" Text="Include in search" runat="server" />
    </div>
    <div>
        <div><asp:Label ID="Label2" runat="server" Text="Company: " /><telerik:RadTextBox ID="RadCompanyTextBox" runat="server" /></div>
        <div><asp:Label ID="Label3" runat="server" Text="Provider: " /><asp:DropDownList ID="DropDownList1" runat="server"></asp:DropDownList></div>
        <div><asp:Label ID="Label4" runat="server" Text="Contact: " /><telerik:RadTextBox ID="RadContactTextBox" runat="server" /></div>
        <div><asp:Label ID="Label5" runat="server" Text="Street: " /><telerik:RadTextBox ID="RadStreetTextBox" runat="server" /></div>
        <div><asp:Label ID="Label6" runat="server" Text="Zip: " /><telerik:RadTextBox ID="RadZipTextBox" runat="server" /></div>
        <div><asp:Label ID="Label7" runat="server" Text="Phone: " /><telerik:RadTextBox ID="RadPhoneTextBox" runat="server" /></div>
        <div><asp:Label ID="Label8" runat="server" Text="Agent: " /><telerik:RadTextBox ID="RadAgentTextBox" runat="server" /></div>
    </div>
</div>

Thank you in advance for taking the time to help me out.

Helen
Magdalena
Telerik team
 answered on 18 Jul 2014
Narrow your results
Selected tags
Tags
+? more
Top users last month
Chester
Top achievements
Rank 1
Iron
Simon
Top achievements
Rank 1
Iron
Douglas
Top achievements
Rank 2
Iron
Iron
SUNIL
Top achievements
Rank 3
Iron
Iron
Iron
Marco
Top achievements
Rank 3
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Chester
Top achievements
Rank 1
Iron
Simon
Top achievements
Rank 1
Iron
Douglas
Top achievements
Rank 2
Iron
Iron
SUNIL
Top achievements
Rank 3
Iron
Iron
Iron
Marco
Top achievements
Rank 3
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?