Hello,
I have 3 separate "RadMenu" in my page. I would like to be able to navigate between them.
Is there an easy way to access my first menu (with the assigned keys combination), go to the end of my first menu and instead of going back to the start of my menu, go to the start of my second menu, then my third and then my first.
The only thing I could see right now, would be to assign different keys combinations to each one of them (as it should be) and try to detect the end of each one of my menus to trigger the keys combinations of the next menu.
Is there an easier way?
Regards,
Maxime
I have a vertical radmenu across all pages in an application
When I add a Radgrid rendered in lightweight, the radmenu gets surrounded by a border.
I have tried to add the rendermode Lightweight to the radmenu, but the border is still there and instead of displaying all the icons in the menu it only displays one.
Could you please let me know what is the solution to keep the rendermode to lightweight for the radgrid, as this is the look we are after while removing the border around the menu.
Thank you
Anne
Could someone provide an example of how to use ClientDataSource in an ASP.NET WebForms environment?
e.g. with PageMethods which pass data back to the client for usage in, say, a combobox?
All the examples I see online deal with MVC or Web Service configurations and do not provide adequate documentation on how to use in a legacy webforms environment.
html .RadAutoCompleteBox .racInput {
font-family
:
sans-serif
;
font-size
:
1.2em
;
height
:
30px
;
border-radius:
15px
;
}
<
form
id
=
"form1"
runat
=
"server"
>
<
telerik:RadScriptManager
runat
=
"server"
ID
=
"RadScriptManager1"
/>
<
telerik:RadAutoCompleteBox
RenderMode
=
"Lightweight"
runat
=
"server"
ID
=
"RadAutoCompleteBox1"
autopostback
=
"true"
EmptyMessage
=
"Type in data..."
DataSourceID
=
"SqlDataSource1"
DataTextField
=
"edesc"
DataValueField
=
"ecode"
InputType
=
"Token"
Width
=
"100%"
DropDownWidth
=
"150px"
OnEntryAdded
=
"RadAutoCompleteBox1_EntryAdded"
>
</
telerik:RadAutoCompleteBox
>
<
asp:SqlDataSource
runat
=
"server"
ID
=
"SqlDataSource1"
CancelSelectOnNullParameter
=
"False"
ConnectionString="<%$ AppSettings:MyConn %>"
SelectCommand="exec dbo.myquery">
</
asp:SqlDataSource
>
</
form
>
This is my code behind
Imports
System.Diagnostics
Imports
Telerik.Web.UI
Imports
System.Data.SqlClient
Partial
Class
custom_scripts_blah
Inherits
System.Web.UI.Page
Protected
Sub
RadAutoCompleteBox1_EntryAdded(sender
As
Object
, e
As
Telerik.Web.UI.AutoCompleteEntryEventArgs)
End
Sub
End
Class
Any idea?
Hi,
We want to design rad tab like this in screenshot -
http://prntscr.com/szu382
http://prntscr.com/szu4vl
http://prntscr.com/szu51i
Pls reply asap
Thanks
We are doing a POC project using Telerik RadOrgChart following are the issues we are facing please advise.
1. with 5k records (single hierarchy) we loaded RadOrgchart it took around 15 to 20 mins to load the chart.
Example : CEO -> 5k employess directly reporting him. CEO is the parent node and 5k employess are under him in single line. It is just an example and we have multi tier reporting as well. I have used loadondemand feature also but it didn't help.
2. Is there any way we can group 5k employees to avoid horizontal scroll. You can imagine how long scroll would have expand. We don't have ColumnGroupCount to play around.
3. Without calling server code, can telerik manage to search the data in loaded view ? I know we can manage this using script techniques. It would be great to know if telerik has in-builtin feature like this.
I am unable to get the animation for the panel bar to work in my application. I literally copied the Demo and still the animation does not work. I do not understand what is missing. Clicking on the arrows neither collapses or expands. It is as if the "click" never happens.
<%@ Page Title="" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="ActivityDetails.aspx.cs" Inherits="ActivityWebApp.ActivityDetails" %>
<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
<asp:Content ID="Content1" ContentPlaceHolderID="PageScripts_Header" runat="server">
<style>
.aspNetDisabled {
color: #b6bac1 !important;
text-decoration: none;
}
.inline-rb input[type="radio"] {
width: auto;
margin: 10px;
}
.selected {
font-weight: bold;
}
ol {
list-style:none;
counter-reset:mycounter;
padding:0;
}
ol li {
position:relative;
margin-left: 30px;
padding-bottom: 2px;
line-height:15px;
}
ol li:before {
content:counter(mycounter);
counter-increment:mycounter;
position:absolute;
top:0;
left:-30px;
width:15px;
height:15px;
line-height:15px;
border-radius:50%;
color:#fff;
background:teal;
text-align:center;
}
</style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="HeadPlaceholder" runat="server">
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="MainContent" runat="server">
<div style="padding:40px"> </div>
<hr />
<telerik:RadSkinManager ID="RadSkinManager1" runat="server" ShowChooser="true" />
<div class="demo-container size-thin">
<telerik:RadPanelBar RenderMode="Lightweight" runat="server" ID="RadPanelBar1" Width="100%" ExpandMode="MultipleExpandedItems">
<Items>
<telerik:RadPanelItem Expanded="True" Text="ASP.NET controls">
<Items>
<telerik:RadPanelItem Text="RadMenu" />
<telerik:RadPanelItem Text="RadTabStrip" />
<telerik:RadPanelItem Text="RadPanelBar" />
<telerik:RadPanelItem Text="RadpanelBar" />
</Items>
</telerik:RadPanelItem>
<telerik:RadPanelItem Text="WinForms controls">
<Items>
<telerik:RadPanelItem Text="RadMenustrip" />
<telerik:RadPanelItem Text="RadTabStrip" />
<telerik:RadPanelItem Text="RadToolStrip" />
</Items>
</telerik:RadPanelItem>
<telerik:RadPanelItem Text="Other projects">
<Items>
<telerik:RadPanelItem Text="SiteFinity" />
<telerik:RadPanelItem Text="Reporting" />
<telerik:RadPanelItem Text="RadAjax" />
</Items>
</telerik:RadPanelItem>
</Items>
</telerik:RadPanelBar>
</div>
</asp:Content>
<asp:Content ID="Content4" ContentPlaceHolderID="PageScripts_Footer" runat="server">
<script>
</script>
</asp:Content>
I am trying to allow panning, instead chart is trying to fit everything at set width.
Please help!
<telerik:RadHtmlChart runat="server" ID="chartChangeInJobs"
Height="350" Width="100%"
Transitions="true" Skin="Silk">
<ChartTitle Text="">
<Appearance Align="Center" Position="Top" Visible="false">
<TextStyle Bold="true" FontSize="14px" />
</Appearance>
</ChartTitle>
<Legend>
<Appearance BackgroundColor="Transparent" Position="Right" Visible="true"></Appearance>
</Legend>
<ClientEvents OnLoad="onChartLoad" />
<Pan Enabled="true" Lock="None" ModifierKey="None"/>
<Zoom Enabled="false">
<MouseWheel Enabled="true" />
<Selection Enabled="true" ModifierKey="Shift" />
</Zoom>
<PlotArea>
<Series/>
<Appearance>
<FillStyle BackgroundColor="Transparent"></FillStyle>
</Appearance>
<XAxis AxisCrossingValue="0" Color="black" MajorTickType="Outside" MinorTickType="Outside"
Reversed="false" >
<LabelsAppearance RotationAngle="0" Skip="0" Step="1" Mirror="false" />
<TitleAppearance Position="Center" RotationAngle="0" Text="Years" Visible="false"></TitleAppearance>
<MinorGridLines Visible="false" />
</XAxis>
<YAxis AxisCrossingValue="0" Color="black" MajorTickSize="1" MajorTickType="Outside"
MinorTickType="None" Reversed="false">
<LabelsAppearance RotationAngle="90" Skip="0" Step="1"></LabelsAppearance>
<TitleAppearance Position="Center" RotationAngle="0" Text="Sum" Visible="true">
<TextStyle FontSize="14" />
</TitleAppearance>
<MinorGridLines Visible="false" />
</YAxis>
</PlotArea>
<Appearance>
<FillStyle BackgroundColor="Transparent"></FillStyle>
</Appearance>
</telerik:RadHtmlChart>
chart.Pan.Enabled = True
'ADD SERIES
Dim series_atLeast1Category As Telerik.Web.UI.ColumnSeries = New Telerik.Web.UI.ColumnSeries
series_atLeast1Category.Name = "At Least 1 Category"
series_atLeast1Category.LabelsAppearance.Visible = False
series_atLeast1Category.TooltipsAppearance.Color = Color.White
series_atLeast1Category.Gap = "4"
series_atLeast1Category.Spacing = "0.2"
Dim series_moreThan1Category As Telerik.Web.UI.ColumnSeries = New Telerik.Web.UI.ColumnSeries
series_moreThan1Category.Name = "More than 1 Category"
series_moreThan1Category.LabelsAppearance.Visible = False
series_moreThan1Category.LabelsAppearance.Position = HtmlChart.BarColumnLabelsPosition.InsideBase
series_moreThan1Category.TooltipsAppearance.Color = Color.White
Dim series_ElderPopulations As Telerik.Web.UI.ColumnSeries = New Telerik.Web.UI.ColumnSeries
series_ElderPopulations.Name = "Elder Populations"
series_ElderPopulations.LabelsAppearance.Visible = False
series_ElderPopulations.TooltipsAppearance.Color = Color.White
Dim series_MinorityPopulations As Telerik.Web.UI.ColumnSeries = New Telerik.Web.UI.ColumnSeries
series_MinorityPopulations.Name = "Minority Populations"
series_MinorityPopulations.LabelsAppearance.Visible = False
series_MinorityPopulations.TooltipsAppearance.Color = Color.White
Dim series_DisabilityStatus As Telerik.Web.UI.ColumnSeries = New Telerik.Web.UI.ColumnSeries
series_DisabilityStatus.Name = "Disability Status"
series_DisabilityStatus.LabelsAppearance.Visible = False
series_DisabilityStatus.TooltipsAppearance.Color = Color.White
Dim series_LimitedEnglishProficiency As Telerik.Web.UI.ColumnSeries = New Telerik.Web.UI.ColumnSeries
series_LimitedEnglishProficiency.Name = "Limited English Proficiency"
series_LimitedEnglishProficiency.LabelsAppearance.Visible = False
series_LimitedEnglishProficiency.TooltipsAppearance.Color = Color.White
Dim series_LowIncomePopulations As Telerik.Web.UI.ColumnSeries = New Telerik.Web.UI.ColumnSeries
series_LowIncomePopulations.Name = "Low-Income Populations"
series_LowIncomePopulations.LabelsAppearance.Visible = False
series_LowIncomePopulations.TooltipsAppearance.Color = Color.White
Dim strFormat As String = "#=series.name# (" & "#= kendo.toString(value,\'\\#,\\#\\#\\#.\\#\\#\\#\\#\\#\') #" & ")"
For Each dr As DataRow In dt.Rows
series_atLeast1Category.SeriesItems.Add(Format(dr("EJ_SingleEmp"), "#,###,###,##0.##"))
series_atLeast1Category.TooltipsAppearance.ClientTemplate = strFormat
series_moreThan1Category.SeriesItems.Add(IIf(dr("EJ_MultiEmp") Is System.DBNull.Value, 0, dr("EJ_MultiEmp")))
series_moreThan1Category.TooltipsAppearance.ClientTemplate = strFormat
series_ElderPopulations.SeriesItems.Add(IIf(dr("EJ_ElderEmp") Is System.DBNull.Value, 0, dr("EJ_ElderEmp")))
series_ElderPopulations.TooltipsAppearance.ClientTemplate = strFormat
series_MinorityPopulations.SeriesItems.Add(IIf(dr("EJ_RaceEmp") Is System.DBNull.Value, 0, dr("EJ_RaceEmp")))
series_MinorityPopulations.TooltipsAppearance.ClientTemplate = strFormat
series_DisabilityStatus.SeriesItems.Add(IIf(dr("EJ_DiabEmp") Is System.DBNull.Value, 0, dr("EJ_DiabEmp")))
series_DisabilityStatus.TooltipsAppearance.ClientTemplate = strFormat
series_LimitedEnglishProficiency.SeriesItems.Add(IIf(dr("EJ_LepEmp") Is System.DBNull.Value, 0, dr("EJ_LepEmp")))
series_LimitedEnglishProficiency.TooltipsAppearance.ClientTemplate = strFormat
series_LowIncomePopulations.SeriesItems.Add(IIf(dr("EJ_IncEmp") Is System.DBNull.Value, 0, dr("EJ_IncEmp")))
series_LowIncomePopulations.TooltipsAppearance.ClientTemplate = strFormat
chart.PlotArea.XAxis.Items.Add(dr("DistrictName"))
Next
chart.PlotArea.YAxis.MajorGridLines.Visible = False
chart.PlotArea.XAxis.MajorGridLines.Visible = False
chart.PlotArea.Series.Add(series_atLeast1Category)
chart.PlotArea.Series.Add(series_moreThan1Category)
chart.PlotArea.Series.Add(series_ElderPopulations)
chart.PlotArea.Series.Add(series_MinorityPopulations)
chart.PlotArea.Series.Add(series_DisabilityStatus)
chart.PlotArea.Series.Add(series_LimitedEnglishProficiency)
chart.PlotArea.Series.Add(series_LowIncomePopulations)
chart.DataBind()