In DayView there should be an alternative option to see number of days the project is running. For example a project running for 6 months, the numbers should be shown from 1 to 180 days and progress to be displayed against those days.
The control will provide the ability to hover over an image and zoom-in the selected part in a previewer. Such control is available in Google Maps as shown in the attached screenshot Overview-Image-Map-Control.png. Yet another example is displayed in the second screenshot. You can comment and share your examples or features you would like this control to support.
Currently, the behavior on selection is to highlight the selected item, so modifying the appearance of a selected item would affect the appearance of hovered items as well.
In the meantime, a custom CSS class can be added/removed to the selected item as in the snippet below:
<script>
function OnClientLoad(sender, args) {
var selectedItem = sender.get_selectedItem();
if (selectedItem) {
$telerik.$(selectedItem.get_element()).addClass("rcbSelected");
}
}
function OnClientSelectedIndexChanged(sender, args) {
$telerik.$(sender.get_dropDownElement()).find(".rcbSelected").removeClass("rcbSelected");
var selectedItem = sender.get_selectedItem();
if (selectedItem) {
$telerik.$(selectedItem.get_element()).addClass("rcbSelected");
}
}
</script>
<style>
div.RadComboBoxDropDown .rcbSelected {
color: red;
background-color: lightgreen;
}
</style>
<telerik:RadComboBox ID="RadComboBox1" runat="server" RenderMode="Lightweight" OnClientSelectedIndexChanged="OnClientSelectedIndexChanged" OnClientLoad="OnClientLoad" MaxHeight="150">
<Items>
<telerik:RadComboBoxItem Text="Item 1" />
<telerik:RadComboBoxItem Text="Item 2" />
<telerik:RadComboBoxItem Text="Item 3" Selected="true" />
<telerik:RadComboBoxItem Text="Item 4" />
</Items>
</telerik:RadComboBox>
For the time being the function can be set through the kendoWidget: <telerik:RadHtmlChart runat="server" ID="ColumnChart1" Transitions="true"> <PlotArea> <Series> <telerik:ColumnSeries Name="Product 1"> <TooltipsAppearance BackgroundColor="Orange" DataFormatString="{0} sales" /> <SeriesItems> <telerik:CategorySeriesItem Y="15000" /> <telerik:CategorySeriesItem Y="23000" /> <telerik:CategorySeriesItem Y="10000" /> <telerik:CategorySeriesItem Y="16000" /> </SeriesItems> </telerik:ColumnSeries> </Series> <XAxis AxisCrossingValue="0" Color="Black" MajorTickType="Outside" MinorTickType="Outside" Reversed="false"> <Items> <telerik:AxisItem LabelText="1" /> <telerik:AxisItem LabelText="2" /> <telerik:AxisItem LabelText="3" /> <telerik:AxisItem LabelText="4" /> </Items> <LabelsAppearance DataFormatString="Q{0}" RotationAngle="0" /> <MajorGridLines Color="#EFEFEF" Width="1" /> <MinorGridLines Color="#F7F7F7" Width="1" /> <TitleAppearance Position="Center" RotationAngle="0" Text="Quarters" /> </XAxis> <YAxis AxisCrossingValue="0" Color="Black" MajorTickSize="1" MajorTickType="Outside" MaxValue="50000" MinorTickSize="1" MinorTickType="Outside" MinValue="0" Reversed="false" Step="10000"> <LabelsAppearance DataFormatString="{0} sales" RotationAngle="0" /> <TitleAppearance Position="Center" RotationAngle="0" Text="Sales" /> </YAxis> </PlotArea> <ChartTitle Text="Product Sales for 2011"> </ChartTitle> <Legend> <Appearance Position="Bottom" /> </Legend> </telerik:RadHtmlChart> <script> function pageLoad() { $ = $telerik.$; var kendoWidget = $find("<%=ColumnChart1.ClientID%>").get_kendoWidget(); kendoWidget.options.series[0].labels.position = function (point) { if (point.value < 20000) { console.log(1); return "insideEnd"; } else { console.log(2); return "outsideEnd"; } } kendoWidget.redraw(); } </script>
I have a grid with several columns - so many that they cannot all appear at once. Users are allow to reorder the columns as they wish. If my grid is set to FrozencolumnsCount=0, then when they drag a column to the edge of the grid, the grid starts to horizontally scroll so that they can see additional columns and drop their column in the desired location.
However if I set FrozenColumnsCount=1, then when they drag a column to the edge of the grid, the grid does not horizontally scroll.
I am looking for a simple clock image which I can set from code behind with, for example, startime=1000 | endtime=1600 and see a little circle with a clock face with a "pie slice" shaded in to represent the period between 10am and 4pm.
I am not looking for a time picker (that's already done in the Edit Form) - I need a way of displaying a little visual indicator like a clock face / pie chart type of graphic with a shaded area showing the user a range such as 10am-4pm, 2pm-4pm, 8am-1pm etc.
I think the minimum requirements would be:
1. Skin support (I use Bootstrap but all standard skins should be supported)
2. Be able to define a "start" and "end" range for the time slots around the edge
3. Be able to choose a beginning slot and an end slot
4. Be able to add a label in the centre (in my case it would Date but it would be useful to be able to make it something like RadClockRange.CentreLabel.Text="something"). Also, maybe the label could have properties such as RadClockRange.CentreLabel.Colour=Red / .CentreLabel.FontSize=16 etc.
5. It would be nice to databind (I use dbo.Appointments.TimeStart="11" and dbo.Appointments.TimeEnd="15" but it could be user controllable - like the scheduler - to use a user definable field in a table)
6. A range of sizes would be useful
Sample:
Hi,
This is a follow on request from a ticket raised where it was stated this feature isn't available and there is no work around.
When you hook a RadCombobox to a RadClientDataSource, which returns a paginated set of results along with a count of total number of records, the RadCombobox should display the "Show More Results" box along with the text stating "Items 1 - x of y" as all that information should be able to be calculated from the data returned.
The get_width()/get_height() methods of RadImageGalleryItem always return null:
Sample code:
$find('<%=RadImageGallery1.ClientID%>').get_items().getItem(0).get_width()
Currently, the enter key is not closing the popup when pressed on the already selected date. Can be tested in https://demos.telerik.com/aspnet-ajax/datepicker/accessibilityandinternationalization/wcag2.0andsection508accessibility/defaultcs.aspx
Note: The popup calendar can be closed with Esc key in this case
I'm really disappointed with how basic the functionality is that rolled out with the new DataRangePicker. At a minimum, I thought you would include these two pieces of functionality:
Other competitors and systems have these and I would have thought they would have been out of the box.
Attached are a few screenshots.
As Bootstrap is the industry standard for website and app grids, a very powerfull addition for RadEditor would be a Bootstrap grid builder like this one:
https://www.youtube.com/watch?v=WQZ9zcf_ZRo
How cool would that be, building your Bootstrap parts in the Editor itself. Did anyone try this? Any hints on how one could build this functionality.
Let me know if we could collaborate to get something like this.
Thanks,
Marc