Telerik Forums
UI for ASP.NET AJAX Forum
1 answer
114 views
Hi 

I have a RadTreeList within a RadAjaxPanel which was working well until I decided to make the tree scrollable.  Now I find that when I view the tree in IE everything seems OK but when viewed in Google Chrome the header for the tree list is offset by about 50% of the width of the tree which obviously looks odd as now all of the column headers are not above the columns they refer to.  My tree is defined using :-

<telerik:RadTreeList ID="componentTree" runat="server"
AutoGenerateColumns="False" 
AllowSorting="True"
BeforeClientContextMenu="ShowContextMenu"
DataKeyNames="ID" ParentDataKeyNames="ParentID" 
Width="99%" Height="700px" 
onitemdatabound="componentTree_ItemDataBound" >

<Columns>
<telerik:TreeListBoundColumn DataField="ID" UniqueName="ID" Display="false" />
<telerik:TreeListBoundColumn DataField="ParentID" UniqueName="ParentID" Display="False" />
<telerik:TreeListImageColumn UniqueName="ImagesColumn" HeaderText="" DataImageUrlFields="ComponentTypeString" DataImageUrlFormatString="Images/{0}_16.png" ItemStyle-HorizontalAlign="Center" AlternateText="icon" ItemStyle-Width="20px" HeaderStyle-Width="20px" ><HeaderStyle HorizontalAlign="Center" Width="30px" />
<ItemStyle HorizontalAlign="Center" Width="20px" />
</telerik:TreeListImageColumn>
<telerik:TreeListBoundColumn DataField="PartNumber" UniqueName="PartNumber" HeaderText="Part Number" ><HeaderStyle Width="120px" /></telerik:TreeListBoundColumn>
<telerik:TreeListBoundColumn DataField="Description" UniqueName="Description" HeaderText="Description" ><HeaderStyle Width="200px" /></telerik:TreeListBoundColumn>
<telerik:TreeListBoundColumn DataField="LifeCode" UniqueName="LifeCode"  HeaderText="Life Code"><HeaderStyle Width="100px" /></telerik:TreeListBoundColumn>
<telerik:TreeListBoundColumn DataField="LifeNew" UniqueName="LifeNew" HeaderText="Life New (Race)"><HeaderStyle Width="120px" /></telerik:TreeListBoundColumn>
<telerik:TreeListBoundColumn DataField="LifeLeft" UniqueName="LifeLeft" HeaderText="Life Left (Race)"><HeaderStyle Width="120px" /></telerik:TreeListBoundColumn>
<telerik:TreeListBoundColumn DataField="DistanceRun" UniqueName="DistanceRun" HeaderText="Distance Run"><HeaderStyle Width="120px" /></telerik:TreeListBoundColumn>
<telerik:TreeListBoundColumn DataField="CurrentLocationName" UniqueName="CurrentLocationName" HeaderText="Current Location"><HeaderStyle Width="120px" /></telerik:TreeListBoundColumn>
<telerik:TreeListBoundColumn DataField="LastNoteText" UniqueName="LastNoteText" HeaderText="Last Note" />
</Columns>

<SortExpressions>
<telerik:TreeListSortExpression FieldName="PartNumber" SortOrder="Ascending" />
</SortExpressions>

<ClientSettings>
<Scrolling AllowScroll="true" UseStaticHeaders="true" SaveScrollPosition="true" ScrollHeight="650px"></Scrolling>
<ClientEvents OnItemContextMenu="onItemContextMenu" />
<Selecting AllowItemSelection="True" />
<Resizing AllowColumnResize="true" EnableRealTimeResize="true" />
</ClientSettings>

<ExportSettings FileName="lifecheck" IgnorePaging="True" OpenInNewWindow="True" ExportMode="ReplaceControls">
<Excel>
<AlternatingItemStyle BackColor="WhiteSmoke" ForeColor="Black" />
<HeaderStyle Font-Size="X-Large" ForeColor="White" BackColor="Gray" Font-Bold="True" HorizontalAlign="Center" />
<ExpandCollapseCellStyle ExpandText="(+)" CollapseText="(-)" />
   </Excel>
</ExportSettings>
</telerik:RadTreeList>
Konstantin Dikov
Telerik team
 answered on 18 Jul 2014
1 answer
219 views
So i followed the steps on the following page in making a skin for a RadPanelBar, but on debug (see attached image) WebResource.axd is overriding the RadPanelBar stylesheet that i've created.  Please advice.

<telerik:RadPanelBar runat="server" ID="RadPanelBar1" EnableEmbeddedSkins="false" Skin="YPPanel">
PanelBar.ypmnet.css
.RadPanelBar_YPMnet .rpGroup .rpLink:hover{ background: #bddeff;}
 
.RadPanelBar_YPMnet .rpRootGroup .rpText
{
    font: normal 12px Arial, Verdana, Sans-serif;
    color: #ffffff !important;
    padding: 5px 7px 5px 3px;
}
 
.RadPanelBar_YPMnet .rpSelected .rpText
{
    font-weight: bold;
    font-size: larger;
}
 
.RadPanelBar_YPMnet .rpGroup .rpSelected .rpText
{
    font-weight: bold;
    font-size: medium;
}
 
.RadPanelBar_YPMnet .rpRootGroup .rpDisabled:hover
{
    cursor: default;
    text-decoration:none;
 }
  
 .RadPanelBar_YPMnet .rpGroup .rpDisabled:hover
 {
    cursor: default; text-decoration:none;
 }


Magdalena
Telerik team
 answered on 18 Jul 2014
1 answer
168 views
hey everyone
i have a rad menu and rad menu bind with xml you can see that and consist of master page. i want to get text rad menu click but problem is that rad OnItemClick event does not fire and  event is consist of masterpage.cs

    <telerik:RadMenu ID="RadMenu1" runat="server" Flow="Horizontal" DataSourceID="xmlDataSource"
            Font-Size="24px" Font-Names="Segoe UI" ForeColor="#333399" Font-Bold="False"
            BorderWidth="0px" Border-radius="5px" StaticSubMenuIndent="10px" StaticDisplayLevels="1"
            Orientation="Horizontal" DynamicHorizontalOffset="0" Width="100%" Style="text-align: left;
            margin-top: -3px;" OnItemClick="RadMenu1_ItemClick">
            <DataBindings>
                <telerik:RadMenuItemBinding runat="server" TextField="Text" DataMember="MenuItem"
                    NavigateUrlField="NavigateUrl" ToolTipField="ToolTip" />
            </DataBindings>
        </telerik:RadMenu>
        <asp:XmlDataSource ID="xmlDataSource" TransformFile="~/scripts/TransformXSLT.xsl"
        runat="server" EnableCaching="false" /> 

this is code behind

   protected void RadMenu1_ItemClick(object sender, Telerik.Web.UI.RadMenuEventArgs e)
    { 
        string aa = e.Item.Text;
    }

please help what should i do to solve this problem..


Thanks In Advance  









Hristo Valyavicharski
Telerik team
 answered on 18 Jul 2014
1 answer
230 views
I need to implement a radgrid as follows:
1)The grid is hidden initially. Only the Filter Template is visible.
2) The Filter Template will have labels and text box and a button. (Only 2 column names)
3)On click of button the grid is displayed accordingly.

Can you please help me with this.

Princy
Top achievements
Rank 2
 answered on 18 Jul 2014
2 answers
162 views
I am using SkinManager and RadDecorator to apply skin to pages. This is working fine as long as the content fits the window size. If the content goes beyond the window size and the user needs to scroll down the page any skin with a background colour there is an issue. The background colour ends and as you scroll the remainder of the page the background is white. How do I extend the background to the height of the content?
Jon
Top achievements
Rank 1
 answered on 18 Jul 2014
11 answers
401 views
I have a web site and one page with some panels that be updated throught radajaxmanager and the image is showing radajaxloadingpanel.
Every things works ok, but randomly the radajaxloadingpanel is not hidding after postback, no return any error jscript, on the server every things is ok.
The only way to continue is refreshing IE with F5.
I don't know how detect the error or how reproduce or what can i do to fixed
Konstantin Dikov
Telerik team
 answered on 18 Jul 2014
1 answer
189 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
123 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
145 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
232 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
Narrow your results
Selected tags
Tags
+? more
Top users last month
Hiba
Top achievements
Rank 1
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Max
Top achievements
Rank 1
Veteran
Iron
Alina
Top achievements
Rank 1
Rakhee
Top achievements
Rank 1
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Hiba
Top achievements
Rank 1
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Max
Top achievements
Rank 1
Veteran
Iron
Alina
Top achievements
Rank 1
Rakhee
Top achievements
Rank 1
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?