Questions on UI for ASP.NET AJAX Forum

1 answer

55 views

why it is showing other days events in current day slot

Hello,

when i am using below weekend recurrence rule with repeatingInterval = 1
why it is showing other days events in current day slot.

DTSTART:20110411T043000Z
DTEND:20110411T053000Z
RRULE:FREQ=WEEKLY;COUNT=3;INTERVAL=1;BYDAY=MO,TU,WE,TH,FR

please check the attachment for your knowledge what i am getting exactly.

please help me in this then it will be great for me.

Regards
Shashi

Scheduler

answered on 14 Apr 2011

1 answer

99 views

Multiple Grids with Template Columns Lose Binding

Controls
I have multiple RadGrid controls on a page, each grid with an ItemDatabound event. All columns are set to be sortable except for the gridTemplateColumns

Database
Each grid has their own EntityDataSource, with a single parameter set to point at a hidden control which is set at the page load.

ItemDatabound Event
The grids have GridTemplateColumns with placeholder controls of which get populated with text or images.

Problem
Clicking the header of a column (to sort by that column) will sort the grid, but the other grid loses the data in the template columns. If you click the header of a sortable column in the grid that lost it's data, the grid will return to normal and the prior grid will now lose data in it's GridTemplateColumns. This problem isn't limited to sorting, the second grid on the page has multiple pages of data, switching to another page will also cause this problem as well.

This appears to occur whether using the RadAjaxPanel or not.

Is there supposed to be a way to link the controls together so that they are aware of each other? This is quite a simple setup, the SQL or even the filter being set by the hidden control -- nothing is changing, and yet this odd behavior occurs.

Grid

answered on 14 Apr 2011

3 answers

316 views

I want radgrid rows in two columns

Hi,
I am binding data source to radGrid. By default its displaying rows in top to bottom flow.
I want to display data with column repeat direction = "horrizotal" .

Is that possible?

waiting for reply..

Grid

answered on 14 Apr 2011

1 answer

154 views

Using jQuery to focus on first/last

We are using jQuery to place the focus on the first or last element of the page, however we are having some issues with Telerik controls.

The jQuery which we are using is the following:

$(function() { $("#divId :input:not(:hidden):first").focus();});

When we try to place the focus on the textbox in RadDateTimePicker, it always sets the focus on the RadDateTimePicker itself. We would have to set the focus on the 2nd element of the page to have focus in the text box.

<telerik:RadDateTimePicker ID="DatePickerOdometerUpdateDate" runat="server" CssClass="edit" Skin="Default"

<br>                MinDate="1800-01-01" meta:resourcekey="DatePickerResource" TabIndex="1" ToolTip="<%$ Resources:dtpDateCounters_ToolTip %>" onkeydown="return checkIfPrev(this, event);"><

br> <DateInput runat="server" LabelCssClass="riLabel radLabelCss_Telerik" TabIndex="1" Skin="Default" ></DateInput> <Calendar runat="server" Skin="Default" ViewSelectorText="x" UseColumnHeadersAsSelectors="False" UseRowHeadersAsSelectors="False"></Calendar> <DatePopupButton HoverImageUrl="" ImageUrl="" TabIndex="-1" /> <TimePopupButton HoverImageUrl="" ImageUrl="" TabIndex="-1" /> <TimeView CellSpacing="-1" runat="server"> </TimeView> </telerik:RadDateTimePicker>

When we try to place the focus a RadNumericTextBox and it is in the last position, it requires us to place the focus on the before last element.

<telerik:RadNumericTextBox ID="txtTotalHours" Skin="Default" runat="server" CssClass="edit" Width="65px" Height="13px" MaxLength="11" TabIndex="5" MinValue="-70368744177663" ToolTip="<%$ Resources:txtRunTime_ToolTip %>" onkeydown="return checkIfNext(this, event);"> <NumberFormat DecimalDigits="1" /> </telerik:RadNumericTextBox>

Is there an easy way to by-pass these additional text boxes and set the focus on the elements easily.

Thanks.

General Discussions

answered on 14 Apr 2011

1 answer

76 views

Splitter sliding vertically from the bottom of the Window...

I am trying to use the Splitter/Sliding Panel as a "Message Center" for errors in my master page. I would like it at the BOTTOM of my Window. Currently it shows up at the Bottom of My HTML...Can I get it so that it is ALWAYS at the Bottom of the Browser Window? Here is my currently markup:

Thanks, much appreciated.

Mark

<telerik:RadSplitter ID="RadSplitter1" runat="server" Orientation="Vertical" Skin="WebBlue" Width="100%" > <telerik:RadPane ID="RadPane1" runat="server"> <telerik:RadSlidingZone ID="RadSlidingZone1" runat="server" SlideDirection="Top"> <telerik:RadSlidingPane ID="RadSlidingPane1" runat="server" Title="Message Center" Height="100" Scrolling="Y" BackColor="Red"> <asp:Label ID="lblErrorMessage" CssClass="textFields" runat="server" Text="Label"></asp:Label> </telerik:RadSlidingPane> </telerik:RadSlidingZone> </telerik:RadPane> </telerik:RadSplitter>

See attached image for current placement.

Splitter

answered on 14 Apr 2011

1 answer

64 views

Need installer for asp.net ajax version 2010.2.0924

Can anyone point me to where the MSI is for 2010.2.0924 (2010.2.0924.1040) version of telerik can be found? The engineers at my company have informed me that we have a "custom" version but cannot provide any more information. We currently have MSI installers for Telerik.Web.UI_2010_2_826_Dev.msi and Telerik.Web.UI_2010_2_713_Dev.msi, but not the version our software is on. Any help would be appreciated.

Brian

Installer and VS Extensions

answered on 14 Apr 2011

1 answer

62 views

Calendar OnDateSelected Problem

When i define the client handler for calendar OnDateSelected event i get strange action
as when i select date some dates after being set get change automatically to another date one or 2 days after the date i set

the code is as blow:

<telerik:RadDatePicker ID="calDOB" runat="server" Culture="en" MinDate="1900-01-01"

Width="100%" TabIndex="5">

<Calendar runat="server" UseRowHeadersAsSelectors="False" UseColumnHeadersAsSelectors="False" ViewSelectorText="x">

</Calendar>

<DateInput runat="server" DisplayDateFormat="d/M/yyyy" DateFormat="d/M/yyyy" TabIndex="5">

</DateInput>

<DatePopupButton ImageUrl="" HoverImageUrl="" TabIndex="5"></DatePopupButton>

<ClientEvents OnDateSelected="SelectedDateChanged" />

</telerik:RadDatePicker

function SelectedDateChanged(sender,args) {

var PckrBirthDate = $find('<%=calDOB.ClientID %>');

var LblYears = $find('<%= TxtYears.ClientID %>');

var LblMonths = $find('<%= TxtMonths.ClientID %>');

var LblDays = $find('<%= TxtDays.ClientID %>');

var birthDate = PckrBirthDate.get_selectedDate();

if (birthDate != null) {

var calday = birthDate.getDate();

var calmon = birthDate.getMonth();

var calyear = birthDate.getFullYear();

getAge(calday, calmon, calyear, LblYears, LblMonths, LblDays);

}

else {

LblYears.set_value("");

LblMonths.set_value("");

LblDays.set_value("");

}

function getAge(date, month, year, yearControl, monthControl, dayControl) {

today = new Date();

dateStr = today.getDate();

monthStr = today.getMonth();

yearStr = today.getFullYear();

theYear = yearStr - year;

theMonth = monthStr - month;

theDate = dateStr - date;

var days = "";

if (monthStr == 0 || monthStr == 2 || monthStr == 4 || monthStr == 6 || monthStr == 7 || monthStr == 9 || monthStr == 11) days = 31;

if (monthStr == 3 || monthStr == 5 || monthStr == 8 || monthStr == 10) days = 30;

if (monthStr == 1) days = 28;

yearControl.set_value(theYear);

if (month < monthStr && date > dateStr) {

yearControl.set_value(parseInt(yearControl.get_value()) + 1);

monthControl.set_value(theMonth - 1);

}

if (month < monthStr && date <= dateStr) { monthControl.set_value(theMonth); }

else if (month == monthStr && (date < dateStr || date == dateStr)) { monthControl.set_value(0); }

else if (month == monthStr && date > dateStr) { monthControl.set_value(11); }

else if (month > monthStr && date <= dateStr) {

yearControl.set_value(yearControl.get_value()- 1);

monthControl.set_value(((12 - -(theMonth))));

}

else if (month > monthStr && date > dateStr) { monthControl.set_value(((12 - -(theMonth)))); }

if (date < dateStr) { dayControl.set_value(theDate); }

else if (date == dateStr) { dayControl.set_value(0); }

else { yearControl.set_value(yearControl.get_value() - 1); dayControl.set_value(days - (-(theDate))); }

}

Hope I can get solution to such a problem as soon as possible

Calendar

answered on 14 Apr 2011

1 answer

89 views

How to set YAxis2 scale in HH:mm format with step 8. Please help... Its urgent

Hi Guys,
i,m new bee for telerik chart. i want to set YAxis2 scale range with 8 hours step for stacked bar value. i have tried. but its not giving correct result. please help me, its very very urgent.

protected void EmployeesChart_BeforeLayout(object sender, EventArgs e)
 {
 foreach (LabelItem item in EmployeesChart.Legend.Items)
 {
 item.Marker.Appearance.Figure = Telerik.Charting.Styles.DefaultFigures.Rectangle;
 item.Marker.Appearance.Dimensions.Width = 25;
 }

 int mins = 0;
 int hours = 0;
 foreach (ChartAxisItem axisItem in EmployeesChart.PlotArea.YAxis2.Items)
 {
 axisItem.TextBlock.Text = string.Format("{0:0}", hours) + ":" + string.Format("{0:00}", mins);
 hours = hours + 8;
 }

 }

HTML:
<telerik:RadChart ID="EmployeesChart" runat="server" OnBeforeLayout="EmployeesChart_BeforeLayout"
 OnClick="EmployeesChart_Click" DefaultType="StackedBar" Width="750" SeriesOrientation="Horizontal"
 Style="margin-left: 100px">
 <ChartTitle TextBlock-Appearance-AutoTextWrap="Auto" TextBlock-Text="Week-to-Date Labor Hours by Employee">
 <Appearance Position-AlignedPosition="Top">
 </Appearance>
 </ChartTitle>
 <Series>
 <telerik:ChartSeries Name="Regular" Type="StackedBar">
 <Appearance>
 <Border Visible="false" />
 <FillStyle FillType="Solid" MainColor="79, 129, 189">
 </FillStyle>
 <LabelAppearance Position-AlignedPosition="Center" Distance="10" Visible="true">
 </LabelAppearance>
 <TextAppearance TextProperties-Color="Black">
 </TextAppearance>
 <Border Color="136, 166, 78" />
 </Appearance>
 </telerik:ChartSeries>
 <telerik:ChartSeries Name="Overtime" Type="StackedBar">
 <Appearance>
 <Border Visible="false" />
 <FillStyle FillType="Solid" MainColor="192, 80, 77">
 </FillStyle>
 <LabelAppearance Position-AlignedPosition="Center" Distance="10" Visible="False">
 </LabelAppearance>
 <TextAppearance TextProperties-Color="Black">
 </TextAppearance>
 <Border Color="136, 166, 78" />
 </Appearance>
 </telerik:ChartSeries>
 <telerik:ChartSeries Name="Projected" Type="StackedBar">
 <Appearance>
 <Border Visible="false" />
 <FillStyle FillType="Solid" MainColor="134,134, 134">
 </FillStyle>
 <LabelAppearance Position-AlignedPosition="Center" Visible="true">
 </LabelAppearance>
 <TextAppearance TextProperties-Color="Black">
 </TextAppearance>
 <Border Color="136, 166, 78" />
 </Appearance>
 </telerik:ChartSeries>
 </Series>
 <PlotArea>
 <XAxis VisibleValues="Positive" Visible="True">
 <AxisLabel Visible="true">
 <TextBlock Text="Employees">
 </TextBlock>
 <Appearance Position-AlignedPosition="Center">
 </Appearance>
 </AxisLabel>
 <Appearance>
 <MajorGridLines Color="134, 134, 134" Width="0" />
 <TextAppearance TextProperties-Color="Black">
 </TextAppearance>
 </Appearance>
 <AxisLabel>
 <Appearance RotationAngle="270">
 </Appearance>
 <TextBlock>
 <Appearance TextProperties-Color="Black">
 </Appearance>
 </TextBlock>
 </AxisLabel>
 </XAxis>
 <YAxis2 VisibleValues="Positive" Visible="True">
 <AxisLabel Visible="true">
 <TextBlock Text="Hours">
 <Appearance TextProperties-Color="Black">
 </Appearance>
 </TextBlock>
 <Appearance Position-AlignedPosition="Bottom">
 </Appearance>
 </AxisLabel>
 <Appearance ValueFormat="ShortTime">
 <MajorGridLines Color="134, 134, 134" Width="0" />
 <TextAppearance TextProperties-Color="Black">
 </TextAppearance>
 </Appearance>
 <AxisLabel>
 <Appearance RotationAngle="0">
 </Appearance>
 </AxisLabel>
 </YAxis2>
 <YAxis Visible="False" VisibleValues="All">
 </YAxis>
 </PlotArea>
 </telerik:RadChart>

Thanks
Ravi

Chart (Obsolete)

answered on 14 Apr 2011

1 answer

162 views

how to set value on checkbox colum in gridview

Hello,

I have a gridview in which I inserted a GridTemplateColumn with a checkbox. The grid is loaded from your code and I can not set the checkbox value in the datatable.

Help
Best regards
Alessia

<telerik:RadGrid ID="G_Permessi" runat="server" AllowPaging="true" Width="100%" Height="100%"

AutoGenerateColumns="false" GridLines="Both" PageSize="13" AllowSorting="true"

AllowMultiRowSelection="true">

<ClientSettings AllowKeyboardNavigation="true" ActiveRowIndex="0">

<Scrolling AllowScroll="true" SaveScrollPosition="true" UseStaticHeaders="True" />

<Selecting AllowRowSelect="true" />

<ClientEvents OnRowSelected="G_Permessi_OnRowSelected" />

</ClientSettings>

<AlternatingItemStyle BackColor="#C7E3E3" />

<PagerStyle AlwaysVisible="true" Mode="NextPrevAndNumeric" PagerTextFormat="{4} Numero record filtrati: {5}" />

<MasterTableView runat="server" TableLayout="Fixed" DataKeyNames="IdPermesso" EditMode="InPlace">

<Columns>

<telerik:GridBoundColumn UniqueName="AttivoDB" DataField="Attivo" Display="false" />

<telerik:GridBoundColumn UniqueName="IdPermesso" DataField="IdPermesso" Display="false" />

<telerik:GridBoundColumn UniqueName="Modulo" DataField="Modulo" HeaderText="Modulo"

meta:resourcekey="G_Permessi_Modulo">

<HeaderStyle Width="100px" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn UniqueName="Permesso" DataField="Permesso" HeaderText="Permesso"

meta:resourcekey="G_Permessi_Permesso">

<HeaderStyle Width="100px" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn UniqueName="Descrizione" DataField="Descrizione" HeaderText="Descrizione"

meta:resourcekey="G_Permessi_Descrizione">

<HeaderStyle Width="100px" />

</telerik:GridBoundColumn>

<telerik:GridTemplateColumn UniqueName="Attivo" DataField="Attivo" HeaderText="Attivo"

meta:resourcekey="Grid_Attivo">

<ItemTemplate>

<asp:CheckBox ID="Chk_Attivo" OnCheckedChanged="AssegnaPermesso" AutoPostBack="true"

runat="server" />

</ItemTemplate>

<ItemStyle HorizontalAlign="Center" />

<HeaderStyle HorizontalAlign="Center" Width="50px" />

</telerik:GridTemplateColumn>

</Columns>

</MasterTableView>

</telerik:RadGrid>

Grid

answered on 14 Apr 2011

1 answer

110 views

Cannot upgrade tool set

I have the 2009 Q3 controls installed within VS 2010. I want to upgrade to 2011 Q1. I have the attached picture that shows it's installed.

However, I can't find the "RadControls for ASP.NET AJAX Q1 2011" folder anywhere on my pc.

How can I upgrade to these new controls?

Installer and VS Extensions

answered on 14 Apr 2011