Questions on UI for ASP.NET AJAX Forum

110,788 questions

3 answers

303 views

Hello,
I have one radgrid which is generated dyanamically as Autogenerated columns is True.
When grid populated at "ItemDataBound" event of Radgrid I have placed RadComboBox control in each header of the column.
Now on any outside button click event I have to check where client selected something from RadComboBox control or Not.
If not i have to indicate client to select from RadComboBox.
Once client select item from RadComboBox control for all columns, I have to export Radgrid into excel with selected item as header for that column.

Does any one have idea how to do this??

Thanks in advance.

- Sandeep.

Grid

answered on 18 Jan 2011

2 answers

166 views

[Solved] RadRotator does not scroll vertically IE6/IE7 and Internal Browser VS 2010

Hi:
I have a grid with an ItemTemplate that contains a RadRotator Control, RadRotator content does not scroll in earlier versions of IE (6 / 7), even in the Internal Browser version of Visual Studio 2010.
The attached images show the problem.
Version of Telerik.Web.UI: 2010.3.1215.20

Thanks for your help

The code is:

<style type="text/css">

html* .FixRotatorHeight .rrVerticalList

{

width: 540px;

}

</style>

<telerik:RadGrid ID="rgIndicadoresMeta" runat="server" AutoGenerateColumns="False"

DataSourceID="SqlDsIndicadoresMeta" GridLines="None" Skin="Sitefinity" Width="780px"

Height="359px">

<ClientSettings>

<Selecting AllowRowSelect="True" />

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

</ClientSettings>

<MasterTableView DataKeyNames="codigo" DataSourceID="SqlDsIndicadoresMeta" TableLayout="Fixed"

NoMasterRecordsText="No hay información regisdtrada." ShowHeader="false">

<CommandItemSettings ExportToPdfText="Export to Pdf"></CommandItemSettings>

<RowIndicatorColumn>

<HeaderStyle Width="20px"></HeaderStyle>

</RowIndicatorColumn>

<ExpandCollapseColumn>

<HeaderStyle Width="20px"></HeaderStyle>

</ExpandCollapseColumn>

<Columns>

<telerik:GridBoundColumn DataField="codigo" DataType="System.Int32" HeaderText="codigo"

ReadOnly="True" SortExpression="codigo" UniqueName="codigo" Visible="false">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="indicador" HeaderText="indicador" SortExpression="indicador"

UniqueName="indicador" Visible="false">

</telerik:GridBoundColumn>

<telerik:GridTemplateColumn HeaderText="Datos">

<ItemTemplate>

<table cellpadding="0" cellspacing="0">

<tr>

<td style="background-color: #D1DCF1;">

<asp:Label runat="server" ID="lblTituloIndicador" Width="740px" Text="Indicador:"

Font-Size="11pt" Style="font-variant: small-caps;"></asp:Label><br />

</td>

</tr>

<tr>

<td>

<telerik:RadSplitter ID="RadSplitterindicador" runat="server" LiveResize="false"

Skin="Windows7" Width="698px" Height="240px" BackColor="White">

<telerik:RadPane ID="RadPaneCabecera" runat="server" Width="180px" Scrolling="None">

<table cellpadding="0" cellspacing="0">

<tr>

<td style="font-family: 'Calibri';">

<asp:Label ID="lblEstado" runat="server" Text="Estado:"></asp:Label>

<asp:Image ID="imgEstado" runat="server" ImageUrl="~/recursos/imagenes/menu/indicadores/deficiente.png" /><br />

<asp:Label ID="lblAvance" runat="server" Text="Avance:"></asp:Label><br />

<asp:Label ID="lblUnidad" runat="server" Text="Unidad:"></asp:Label><br />

<asp:Label ID="lblActualizacion" runat="server" Text="Actualizado:"></asp:Label>

<asp:Image ID="imgActualiza" runat="server" ImageUrl="~/recursos/imagenes/menu/indicadores/0.png" /><br />

<asp:Label ID="lblCorte" runat="server" Text="Fecha de corte:"></asp:Label><br />

<asp:Label ID="lblTipo" runat="server" Text="Tipo Indicador:"></asp:Label><br />

</td>

</tr>

<tr>

<td style="font-family: 'Century Gothic';">

<asp:Label ID="lblResumen" runat="server" Text="Resumen:"></asp:Label><br />

<asp:TextBox ID="txtResumen" runat="server" TextMode="MultiLine" Rows="6" Width="164px"

BorderColor="Transparent" Font-Size="8pt" Font-Names="Century Gothic"></asp:TextBox>

</td>

</tr>

</table>

</telerik:RadPane>

<telerik:RadSplitBar ID="RadSplitBarIndicador" runat="server" Visible="false">

</telerik:RadSplitBar>

<telerik:RadPane ID="RadPaneDetalleGrafico" runat="server" Width="540px" Scrolling="None">

<telerik:RadRotator ID="RadRotatorIndicador" runat="server" Width="540px" RotatorType="SlideShowButtons"

SlideShowAnimation-Type="CrossFade" BackColor="White" Height="224px" ScrollDirection="Left,Right" CssClass="FixRotatorHeight"

Style="position: inherit;">

<Items>

<telerik:RadRotatorItem>

<ItemTemplate>

<table cellpadding="0" cellspacing="0">

<tr>

<td>

<telerik:RadGrid ID="rgDetallePeriodoIndicador" runat="server" AutoGenerateColumns="False"

GridLines="None" Skin="Simple" DataSourceID="SqlDsPeriodicidadIndicador" Width="342px"

Height="208px">

<ClientSettings>

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

</ClientSettings>

<MasterTableView DataKeyNames="codigo_periodo" DataSourceID="SqlDsPeriodicidadIndicador"

GroupLoadMode="Client">

<CommandItemSettings ExportToPdfText="Export to Pdf" />

<RowIndicatorColumn>

<HeaderStyle Width="20px" />

</RowIndicatorColumn>

<ExpandCollapseColumn>

<HeaderStyle Width="20px" />

</ExpandCollapseColumn>

<GroupByExpressions>

<telerik:GridGroupByExpression>

<SelectFields>

<telerik:GridGroupByField FieldName="anio_periodo" HeaderText="Año"></telerik:GridGroupByField>

</SelectFields>

<GroupByFields>

<telerik:GridGroupByField SortOrder="Ascending" FieldName="anio_periodo"></telerik:GridGroupByField>

</GroupByFields>

</telerik:GridGroupByExpression>

</GroupByExpressions>

<Columns>

<telerik:GridBoundColumn DataField="codigo_indicador" DataType="System.Int32" HeaderText="Cód. Indicador"

SortExpression="codigo_indicador" UniqueName="codigo_indicador" Visible="false">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="codigo_periodo" DataType="System.Int32" HeaderText="Id"

ReadOnly="True" SortExpression="codigo_periodo" UniqueName="codigo_periodo" Visible="false">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="nombre_periodo" HeaderText="Período" SortExpression="nombre_periodo"

UniqueName="nombre_periodo">

<HeaderStyle Width="120px" />

<ItemStyle Width="120px" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="anio_periodo" DataType="System.Int32" HeaderText="Año"

SortExpression="anio_periodo" UniqueName="anio_periodo" Visible="false">

<HeaderStyle Width="50px" />

<ItemStyle Width="50px" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="fecha_fin_periodo" DataType="System.DateTime"

HeaderText="fecha_fin_periodo" SortExpression="fecha_fin_periodo" UniqueName="fecha_fin_periodo"

Visible="false">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="fecha_ultima_actualizacion" DataType="System.DateTime"

HeaderText="fecha_ultima_actualizacion" SortExpression="fecha_ultima_actualizacion"

UniqueName="fecha_ultima_actualizacion" Visible="false">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="valor_programado" DataType="System.Double" HeaderText="Meta"

SortExpression="valor_programado" UniqueName="valor_programado">

<HeaderStyle HorizontalAlign="Right" />

<ItemStyle HorizontalAlign="Right" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="valor_ejecutado" DataType="System.Double" HeaderText="Result."

SortExpression="valor_ejecutado" UniqueName="valor_ejecutado">

<HeaderStyle HorizontalAlign="Right" />

<ItemStyle HorizontalAlign="Right" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="porcentaje_ejecucion" HeaderText="%" SortExpression="porcentaje_ejecucion"

UniqueName="porcentaje_ejecucion" DataFormatString="{0:P2}">

<HeaderStyle HorizontalAlign="Center" />

<ItemStyle HorizontalAlign="Center" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="observaciones" HeaderText="observaciones" SortExpression="observaciones"

UniqueName="observaciones" Visible="false">

</telerik:GridBoundColumn>

</Columns>

</MasterTableView>

<HeaderContextMenu CssClass="GridContextMenu GridContextMenu_Default" EnableImageSprites="True">

</HeaderContextMenu>

</telerik:RadGrid>

</td>

<td>

<telerik:RadChart ID="RadChartIndicadorGlobal" runat="server" Skin="Pastel" Width="170px"

Height="208px">

</telerik:RadChart>

</td>

</tr>

</table>

</ItemTemplate>

</telerik:RadRotatorItem>

<telerik:RadRotatorItem>

<ItemTemplate>

<table cellpadding="0" cellspacing="0">

<tr>

<td style="background-color: #F2F2F2; font-family: 'Trebuchet MS'; font-size: 8pt;">

<table cellpadding="0" cellspacing="0">

<tr>

<td>

<asp:Label runat="server" ID="lblVista" Text="Vista de Datos"></asp:Label>

</td>

<td>

<telerik:RadComboBox ID="rcbVistaDatos" runat="server" Width="120px" Font-Names="Trebuchet MS">

<Items>

<telerik:RadComboBoxItem Value="0" Text="Valores absolutos" Selected="true" />

<telerik:RadComboBoxItem Value="1" Text="Porcentajes" />

</Items>

</telerik:RadComboBox>

</td>

<td>

<asp:Label runat="server" ID="lblAnio" Text="Año"></asp:Label>

</td>

<td>

<telerik:RadComboBox ID="rcbAnio" runat="server" Width="60px" Font-Names="Trebuchet MS"

AutoPostBack="true" DataSourceID="SqlDsAniosVigencia" DataValueField="ANIO_VIGENCIA"

DataTextField="NOMBRE_VIGENCIA" OnSelectedIndexChanged="OnSelectedIndexChangedHandler">

</telerik:RadComboBox>

<span> </span>

</td>

<td style="border-left: 1 dotted Gray; padding-left: 10px;">

<asp:Image runat="server" ID="imgProg" ImageAlign="Left" ImageUrl="~/recursos/imagenes/menu/indicadores/prog.png" />

<asp:Label runat="server" ID="Label1" Text=" Programado"></asp:Label><span> </span>

</td>

<td>

<asp:Image runat="server" ID="Image1" ImageAlign="Left" ImageUrl="~/recursos/imagenes/menu/indicadores/avance.png" />

<asp:Label runat="server" ID="Label2" Text=" Ejecutado"></asp:Label>

</td>

</tr>

</table>

</td>

</tr>

<tr>

<td>

<telerik:RadChart ID="RadChartIndicadorPeriodicidad" runat="server" IntelligentLabelsEnabled="false"

DataGroupColumn="nombre" AutoTextWrap="True" Height="180px" Width="538px" AutoLayout="true"

DataSourceID="SqlDsSeriesPeriodicidad" Skin="Sunset" Legend-Visible="false" OnItemDataBound="ChartOnItemDataBound">

<Appearance Corners="Round, Round, Round, Round, 7" Border-Visible="false">

<FillStyle FillType="ComplexGradient">

<FillSettings>

<ComplexGradient>

<telerik:GradientElement Color="White" />

<telerik:GradientElement Color="White" Position="0.5" />

<telerik:GradientElement Color="White" Position="1" />

</ComplexGradient>

</FillSettings>

</FillStyle>

<Border Color="212, 221, 222" />

</Appearance>

<PlotArea>

<EmptySeriesMessage>

<TextBlock Text="No existen datos disponibles">

<Appearance AutoTextWrap="False">

</Appearance>

</TextBlock>

</EmptySeriesMessage>

<XAxis DataLabelsColumn="nombre_periodo">

<AxisLabel>

<TextBlock>

<Appearance TextProperties-Font="Arial, 4pt">

</Appearance>

</TextBlock>

</AxisLabel>

</XAxis>

</PlotArea>

<ChartTitle Visible="false">

</ChartTitle>

</telerik:RadChart>

<telerik:RadToolTipManager ID="RadToolTipManagerChart" runat="server" Skin="Telerik"

Animation="Slide" Position="BottomCenter" ToolTipZoneID="RadChartIndicadorPeriodicidad"

AutoTooltipify="true">

</telerik:RadToolTipManager>

</td>

</tr>

</table>

</ItemTemplate>

</telerik:RadRotatorItem>

</Items>

<ControlButtons RightButtonID="BtDerecha" LeftButtonID="BtIzquierda" />

</telerik:RadRotator>

<div style="float: right; background-color: #FBFBF1; width: 100%;">

<asp:Image runat="server" ID="BtDerecha" ImageUrl="~/recursos/imagenes/menu/indicadores/flecha_der.png"

Style="cursor: pointer; float: right;" ToolTip="Siguiente" /><span> </span>

<asp:Image runat="server" ID="BtIzquierda" ImageUrl="~/recursos/imagenes/menu/indicadores/flecha_izq.png"

Style="cursor: pointer; float: right;" ToolTip="Anterior" /><span> </span>

</div>

<table cellpadding="0" cellspacing="0">

<tr>

<td>

<div style="float: left;">

<span> </span><asp:Image runat="server" ID="imgVistaRegiones" ImageUrl="~/recursos/imagenes/menu/indicadores/info_detalle.png" />

<asp:HyperLink runat="server" ID="hplnkRegiones" Text="Consultar información regional"

Target="_parent" Font-Size="8pt" Style="cursor: pointer;"></asp:HyperLink>

</div>

</td>

</tr>

</table>

<asp:SqlDataSource ID="SqlDsPeriodicidadIndicador" runat="server" ConnectionString="<%$ ConnectionStrings:ConnectionStringSIGOB %>"

SelectCommand="ind_ObtieneValoresPeriodicidadIndicador" SelectCommandType="StoredProcedure">

<SelectParameters>

<asp:Parameter Name="CODIGO_INDICADOR" Type="Int32" />

</SelectParameters>

</asp:SqlDataSource>

<asp:SqlDataSource ID="SqlDsSeriesPeriodicidad" runat="server" ConnectionString="<%$ ConnectionStrings:ConnectionStringSIGOB %>"

SelectCommand="ind_ObtieneSeriesGraficaPeriodicidad" SelectCommandType="StoredProcedure">

<SelectParameters>

<asp:Parameter Name="CODIGO_INDICADOR" Type="Int32" />

<asp:Parameter DefaultValue="0" Name="ANIO" Type="Int32" />

</SelectParameters>

</asp:SqlDataSource>

<asp:SqlDataSource ID="SqlDsAniosVigencia" runat="server" ConnectionString="<%$ ConnectionStrings:ConnectionStringSIGOB %>"

SelectCommand="ind_ObtieneAniosVigenciaIndicador" SelectCommandType="StoredProcedure">

<SelectParameters>

<asp:Parameter Name="CODIGO_INDICADOR" Type="Int32" />

</SelectParameters>

</asp:SqlDataSource>

</telerik:RadPane>

</telerik:RadSplitter>

</td>

</tr>

</table>

</ItemTemplate>

</telerik:GridTemplateColumn>

</Columns>

</MasterTableView>

<HeaderContextMenu EnableImageSprites="True" CssClass="GridContextMenu GridContextMenu_Default">

</HeaderContextMenu>

</telerik:RadGrid>

Rotator

answered on 18 Jan 2011

3 answers

90 views

Multi column sorting

Is this no longer supported out of the box? I just want to do automatic sorting by multiple columns. This used to work in older versions of the grid.

Grid

answered on 18 Jan 2011

4 answers

62 views

RadCalendar based on the specific month

Hi

I am having drop down list in my page has all the month names.
If i click on the month based on that rad calendar should display..
Could you please tell me how to do?

Calendar

answered on 18 Jan 2011

3 answers

85 views

[Solved] CheckBox in TemplateColumne

Hi!

I have a checkbox inside a templatecolumn

<telerik:GridTemplateColumn>

<HeaderTemplate>

<input onclick="CheckAll(this);" type="checkbox">

</HeaderTemplate>

<ItemTemplate>

<asp:CheckBox ID="cbApproved" runat="server" />

</ItemTemplate>

</telerik:GridTemplateColumn>

Now, in the UpdateCommand of the Grid, I would like to access the CheckBox from the ItemTemplate. This is because when you go into Edit Mode, the column for the CheckBox is still visible and clickable. So I woul like to check if the user has changed this value.

Id this is not posible, is it possible to lock the checkbox for the ItemTemplate when in edit mode?

Grid

answered on 18 Jan 2011

6 answers

128 views

PanelBar within a PanelBar

I am wanting a panelbar within a panelbar but when i do this the panelbar within wont expand is there a way round this ? thanks

PanelBar

answered on 18 Jan 2011

3 answers

106 views

Changes in look of grid and other controls in newer version

Hi,

We are using 2008.3.1314.35 version for our app.
For all versions after that, the look and feel of grid has completely changed. Is there any easier fix to get the same look and feel as we are not able to use the new version for the same reason.

Thanks.

Grid

answered on 18 Jan 2011

1 answer

172 views

RadGrid and Chat

1) I'm succeeded to show Radchart as a template column in Radgrid and Series Orientation="Horizontal". here I want to display time interval (half hour difference (0,0:30,1:00)) in X axis, for this, I followed your code snippet chart.Series(0).Add Item(Date Time.Now.Hour Mod 30) and it is displaying from 0 to current time with interval 2 hours.
2)I dont want to display Y axis values.
The above one is stacked rad chart.

3) Based on the time value from database I need to change color on stacked bar at particular place with exact time value in X axis.

Could you please suggest me how to achieve it and would be appreciate if you provide some example

Grid

answered on 18 Jan 2011

3 answers

296 views

RadScheduler Not displaying the recurring appointments

Hello All,
I am using radscheduler to set the appointments. All functionality has been done and working fine for simple appointments. As I tried to set up the recurring appointment appointments are generated and gets displayed on the radscheduler but when the page is refreshed on the currents date occurence gets displayed. While all this functinality was going good in my demo project but in the live application its not working? I am unable to understand the problem. Here I am giving my database structure and rad scheduler description.

telerik:radscheduler id="RadScheduler1" runat="server" datadescriptionfield="Description"

dataendfield="End" datakeyfield="AppointmentId" datarecurrencefield="RecurrenceRule"

datarecurrenceparentkeyfield="RecurenceParentId" datasourceid="SDSAppointments"

datastartfield="Start" datasubjectfield="Subject" enabledescriptionfield="True"

customattributenames="FlightHours,GroundHours,Comments,IsInactive,IsDelivered,IsEdited,IsDeleted"

enablecustomattributeediting="True" allowdelete="False" onclientformcreated="OnClientFormCreated"

onappointmentinsert="RadScheduler1_AppointmentInsert" onappointmentupdate="RadScheduler1_AppointmentUpdate">

<ResourceTypes>

<telerik:ResourceType DataSourceID="SDSStudents" ForeignKeyField="CustomerId"

KeyField="CustomerID" Name="Students" TextField="StudentName" />

<telerik:ResourceType DataSourceID="SDSLessons" ForeignKeyField="LessonTypeId"

KeyField="CategoryID" Name="Lessons" TextField="Name" />

</ResourceTypes>

</telerik:radscheduler>

Appointment Table

AppointmentId	int
Subject	nvarchar(50)
Start	datetime
[End]	datetime
LessonTypeId	int
InstructorId	int
CustomerId	int
RecurrenceRule	nvarchar(1024)
RecurenceParentId	int
Description	nvarchar(MAX)
IsInactive	tinyint
IsDelivered	tinyint
IsEdited	tinyint
IsDeleted	tinyint
FlightHours	decimal(18, 0)
GroundHours	decimal(18, 0)
Comments	nvarchar(MAX)

I am unable to understand the error.

Please reply as soon as possible.

Thanks,
Roshani

Scheduler

answered on 18 Jan 2011

1 answer

102 views

Extending GridDataItem

Hello, I am migrating a control from GridView to RadGrid. With GridView, I was able to extend the GridViewRow class:

Public Class GridViewSearchRow

Inherits GridViewRow

ReadOnly Property SearchValueEntry As ISearchValueEntry

Get

Return FirstChildControl(Of ISearchValueEntry)()

End Get

End Property

Public Sub New(…)

MyBase.New(…)

End Sub

End Class

In its containing grid (an extension of GridView), I was able to instantiate my custom row by overriding GridView’s CreateRow function:

Protected Overrides Function CreateRow(…)As GridViewRow

If rowType = DataControlRowType.DataRow Then

Return New GridViewSearchRow(…)

Else

Return MyBase.CreateRow(…)

End If

End Function

In Telerik, I am able to extend the GridDataItem class:

Public Class RadSearchRow

Inherits GridDataItem

ReadOnly Property SearchValueEntry As ISearchValueEntry

Get

Return FirstChildControl(Of ISearchValueEntry)()

End Get

End Property

Public Sub New(…)

MyBase.New(…)

End Sub

End Class

Is there a similar way to ensure that all objects in the .Items() collection are added as RadSearchRow? I’ve noticed that the RadGrid’s GridDataItems are created within the CreateChildControl() sub, but since CreateChildControl() isn’t a function (like GridView’s CreateRow) I’m not sure how to mimic it.

Thank you very much.

Grid

answered on 18 Jan 2011

Top users last month