Questions on UI for ASP.NET AJAX Forum

1 answer

170 views

VS2008 SP1 RadAjax 2009.3.1210.35
Generation of designer file failed: Telerik.Web.UI.RadComboBoxItemCollection must have items of type 'Telerik.Web.UI.RadComboBoxItem'. 'telerik:RadComboBoxItem' is of type 'Telerik.Web.UI.RadComboBoxItem'.

I deleted the designer file then right clicked on ascx 'Conver to Web Application' to have it recreate the designer file and I got the above error. I checked all the comboboxes in the ascx and they all have at least 1 comboItem.

Prior to deleting the designer file I didn't have a problem with the combobox, except that I added a RadGrid and it didn't get added to the designer file automatically.

    
                                <MyApp:MyRadComboBox Required="true" runat="server" ID="cboMJA" XmlTag="MainCategory" Filter="Contains" Skin="Simple"  
        
                                        AutoPostBack="true" AllowCustomText="false" NoWrap="true" Width="280px"> 
        
                                    <Items> 
        
                                        <telerik:RadComboBoxItem Text="" /> 
        
                                    </Items>                
        
                                    <ExpandAnimation  Type="None" /> 
        
                                    <CollapseAnimation Type="None" />       
        
                                </bessemer:MyRadComboBox>

ComboBox

answered on 01 Mar 2010

3 answers

243 views

Embedding RadChart in RadGrid

I hope someone has come up with a similar solution. I have a three RadCharts that are in a NestedViewTemplate (ExpandCollapse). I also have grid grouping items in the footer. For some reason, The RadCharts are not accessible in the code behind if they are in the RadGrid. Any insight would be greatly appreciated. If the RadCharts are outside of the RadGrid, the control is available in the code behind. Thanks in advance.

Here is the RadGrid block ( removed 2 charts ):

    
                <telerik:RadGrid ID="ActiveItem" runat="server" AllowSorting="False" AllowMultiRowSelection="False" AllowPaging="False" ShowGroupPanel="False" 
        
                        AutoGenerateColumns="False" ClientSettings-AllowGroupExpandCollapse="true" OnPreRender="ActiveItem_PreRender" OnItemDataBound="ActiveItem_ItemDataBound" GroupHeaderItemStyle-BackColor="#CCCCCC">  
        
                        <PagerStyle Mode="NumericPages"></PagerStyle> 
        
                        <MasterTableView Width="100%" ShowGroupFooter="true" CellSpacing="1" GroupLoadMode="Server">  
        
                        <Columns> 
        
                    <telerik:GridBoundColumn DataField="ID" Visible="false"></telerik:GridBoundColumn> 
        
                    <telerik:GridTemplateColumn DataField="ID" HeaderText="View" ItemStyle-Width="30px" HeaderStyle-Width="30px"  ItemStyle-HorizontalAlign="Right" ShowSortIcon="false" HeaderStyle-HorizontalAlign="Center" UniqueName="DetailsView" HeaderStyle-Font-Bold="true" HeaderStyle-Wrap="false">  
        
                        <ItemTemplate> 
        
                        <a href="details.aspx?KB=<%# DataBinder.Eval(Container.DataItem, "ID") %>"><img src="/Images/icon_view.gif" width="16" height="16"  style="border: 0px" /></a>  
        
                        </ItemTemplate> 
        
                    </telerik:GridTemplateColumn>              
        
                        </Columns> 
        
                            <DetailTables> 
        
                                <telerik:GridTableView runat="server" Width="100%" Name="Performance" AutoGenerateColumns="false">                                              
        
                                    <nestedviewsettings> 
        
                                        <parenttablerelation> 
        
                                            <telerik:GridRelationFields DetailKeyField="ID" /> 
        
                                        </parenttablerelation> 
        
                                    </nestedviewsettings> 
        
                                    <nestedviewtemplate> 
        
                                        <asp:Panel ID="NestedViewPanel" runat="server" CssClass="viewWrap">  
        
                                            <div> 
        
                                                <fieldset style="padding: 5px; margin: -5px 10px 5px 10px;">  
        
                                                    <legend style="padding: 10px; font-weight: bold; color: #666666;">Bulletin Performance: </legend> 
        
                                                    <div class="contactWrap" > 
        
            <!-- RAD CHARTS -->                                              
        
            <!-- CHART 1 START - PERFORMANCE --> 
        
            <table cellpadding="0" cellspacing="0" border="0" width="750px" style="margin-top: 20px;">  
        
            <tr> 
        
            <td width="200px" valign="top" align="center">  
        
            <asp:Label runat="server" ID="ChartLabel" Font-Bold="true" ForeColor="#666666" Font-Size="13px"></asp:Label> 
        
            <telerik:RadChart ID="PerformanceChart" runat="server" DefaultType="Pie"   
        
                    Width="150px" AutoTextWrap="true" BorderWidth="0px"   
        
                    ChartTitle-Appearance-Visible="false" Legend-Appearance-Visible="false"   
        
                    Height="150px" SeriesPalette="Palette1" UseSession="true" ViewStateMode="Enabled" OnItemDataBound="ConvertToPercentage">  
        
               <Appearance Dimensions-Width="200px" Dimensions-Margins="0px, 0px, 0px, 0px"   
        
                    Dimensions-Paddings="0px, 0px, 0px, 0px">  
        
                <FillStyle MainColor="Transparent" FillType="Solid"></FillStyle> 
        
                <Border Color="Transparent" Width="0" Visible="False"></Border> 
        
                </Appearance> 
        
                <CustomPalettes> 
        
                    <telerik:Palette Name="Palette1">  
        
                        <Items> 
        
                            <telerik:PaletteItem MainColor="#AAAAAA" SecondColor="#AAAAAA"></telerik:PaletteItem> 
        
                            <telerik:PaletteItem MainColor="#FFCC00" SecondColor="#FFCC00"></telerik:PaletteItem> 
        
                        </Items> 
        
                    </telerik:Palette> 
        
                </CustomPalettes> 
        
            <Series> 
        
            <telerik:ChartSeries Name="Series1" Type="Pie">  
        
            <Items> 
        
                <telerik:ChartSeriesItem Name="ParticpationVal"><Appearance Border-Visible="false"></Appearance></telerik:ChartSeriesItem> 
        
                <telerik:ChartSeriesItem Name="ParticpationDiff"><Appearance Border-Visible="false"></Appearance></telerik:ChartSeriesItem> 
        
            </Items> 
        
            <Appearance> 
        
            <FillStyle MainColor="#000000" FillType="Solid"></FillStyle> 
        
            <TextAppearance TextProperties-Color="Black"></TextAppearance> 
        
            <Border Color="Transparent"></Border> 
        
            </Appearance> 
        
            </telerik:ChartSeries> 
        
            </Series> 
        
            <Legend Visible="False">  
        
            <Appearance Visible="False" Position-AlignedPosition="TopRight" Dimensions-Margins="1px, 1px, 1px, 1px" Dimensions-Paddings="1px, 1px, 1px, 1px">  
        
            <ItemTextAppearance TextProperties-Color="Black"></ItemTextAppearance> 
        
            <ItemMarkerAppearance Figure="Square"></ItemMarkerAppearance> 
        
            <Border Color="Transparent" Visible="False"></Border> 
        
            </Appearance> 
        
                <TextBlock> 
        
                    <Appearance> 
        
                        <Border Visible="False" Width="0" /> 
        
                    </Appearance> 
        
                </TextBlock> 
        
            </Legend> 
        
            <PlotArea> 
        
                <DataTable> 
        
                    <Appearance DrawHorizontalLines="False" DrawLines="False"   
        
                        DrawVerticalLines="False" Border-Visible="false">  
        
                        <Border Width="0" /> 
        
                    </Appearance> 
        
                </DataTable> 
        
            <XAxis> 
        
            <Appearance Color="Black" MajorTick-Color="Black" Width="0" TextAppearance-TextProperties-Color="Black" /> 
        
            <AxisLabel> 
        
                <Appearance> 
        
                    <Border Color="Transparent" Visible="False" Width="0" /> 
        
                </Appearance> 
        
            </AxisLabel> 
        
            </XAxis> 
        
            <YAxis> 
        
            <Appearance Color="Black" MinorTick-Color="Black" MajorTick-Color="Black" Width="0">  
        
            <MajorGridLines Color="Black"></MajorGridLines> 
        
            <MinorGridLines Color="Black"></MinorGridLines> 
        
                <LabelAppearance> 
        
                    <Border Color="Transparent" Width="0" /> 
        
                </LabelAppearance> 
        
            <TextAppearance TextProperties-Color="Black"></TextAppearance> 
        
            </Appearance> 
        
                <AxisLabel> 
        
                    <Appearance> 
        
                        <Border Visible="False" Width="0" /> 
        
                    </Appearance> 
        
                    <TextBlock> 
        
                        <Appearance> 
        
                            <Border Width="0" /> 
        
                        </Appearance> 
        
                    </TextBlock> 
        
                </AxisLabel> 
        
            </YAxis> 
        
            <Appearance Dimensions-Margins="0%, 0%, 0%, 0%"   
        
                    Dimensions-Paddings="0px, 0px, 0px, 0px" Position-Auto="False" Position-X="0"   
        
                    Position-Y="0">  
        
            <FillStyle MainColor="Transparent" FillType="Solid" SecondColor="Transparent"></FillStyle> 
        
            <Border Color="Transparent" Visible="False" Width="0"></Border> 
        
                <Shadow Color="Transparent" /> 
        
            </Appearance> 
        
            </PlotArea> 
        
            <ChartTitle Visible="False">  
        
            <Appearance Visible="False">  
        
            <FillStyle MainColor=""></FillStyle> 
        
            </Appearance> 
        
            <TextBlock> 
        
            <Appearance TextProperties-Font="Arial, 18pt" TextProperties-Color="Black"></Appearance> 
        
            </TextBlock> 
        
            </ChartTitle> 
        
                </telerik:RadChart> 
        
            <!-- CHART 1 END - PERFORMANCE --> 
        
            </td> 
        
            </tr> 
        
            </table> 
        
            <!-- RAD CHARTS --> 
        
                                                    </div> 
        
                                                </fieldset> 
        
                                            </div> 
        
                                        </asp:Panel> 
        
                                    </nestedviewtemplate> 
        
                                    <expandcollapsecolumn visible="True">  
        
                                    </expandcollapsecolumn> 
        
                                </telerik:GridTableView>                  
        
                            </DetailTables> 
        
                             <GroupByExpressions> 
        
                                <telerik:GridGroupByExpression> 
        
                                    <SelectFields> 
        
                                        <telerik:GridGroupByField FieldAlias="Release" FieldName="Release_Date" FormatString="{0:D}" 
        
                                            HeaderValueSeparator=": "></telerik:GridGroupByField> 
        
                                    </SelectFields> 
        
                                    <GroupByFields> 
        
                                        <telerik:GridGroupByField FieldName="Release_Date" SortOrder="Ascending"></telerik:GridGroupByField> 
        
                                    </GroupByFields> 
        
                                </telerik:GridGroupByExpression> 
        
                            </GroupByExpressions> 
        
                        </MasterTableView> 
        
                    </telerik:RadGrid> 
        
                    <br /> 
        
                    <!-- content end -->

Chart (Obsolete)

answered on 01 Mar 2010

1 answer

132 views

event "onclienttextchange" does not fire on delete

If a user deletes (either with the delete key or backspacing) the custom text, the event "onclienttextchange" does not fire. Is this by design?

ComboBox

answered on 01 Mar 2010

3 answers

125 views

Series Question

I have a pie chart that I converted to a bar chart, I'm not sure why but every bar is the same color, when it was a pie chart each slice was a different color. How do I get the bars to be different colors?

Chart (Obsolete)

answered on 01 Mar 2010

2 answers

298 views

[Solved] RadGrid multi row select values

I've got a grid where multiple rows can be selected. Once the user has selected the information on the grid, I need to cycle through all the selected items to get the datakeys values.

Tried the following in the button event

    
            cId = RadGrid1.SelectedItems(0).OwnerTableView.DataKeyValues(RadGrid1.SelectedItems(0).ItemIndex)("CompilationId")

which returns no data (expecting a Guid)

however, doing the following does return a value

    
            cId = RadGrid1.SelectedValues("CompilationId")

But that only works for a single row selection. What I am trying to do is similar to the following

    
            'Get number of selected items  
        
            selectedItems = RadGrid1.SelectedItems.Count -1  
        
            'Get value of DataKey for each selected row  
        
            For i As Integer = 0 To selectedItems  
        
                cId = RadGrid1.SelectedItems(i).OwnerTableView.DataKeyValues(RadGrid1.SelectedItems(i).ItemIndex)("CompilationId")  
        
                'update the information  
        
                'loop or exit  
        
            Next

Something like that... could anyone help (a little time senitive).

Thanks
Q

Grid

answered on 01 Mar 2010

4 answers

127 views

RadComboBox inside RadGrid inside RadWindow - positioning problem

I have set up a RadGridTemplateColumn with a RadComboBox in the EditTemplate. The grid is part of a large form that needs to be loaded in a RadWindow.

When I go to edit mode on the grid item, then try to click on the combo box, the items are popped up outside of the window bounds (scrollbars are created so I can scroll to the popped up items). This only happens in IE8 (IE7 compatibility view).

I found the KB article about adding some style elements to adjust the combo box positioning, but when I do that, the combo boxes completely stop working in Firefox.

Here is the basic structure:

                     ** Inside RadWindow **
            <asp:form>         
              <asp:usercontrol>         
                <telerik:radajaxpanel>         
                  <telerik:radgrid>         
                    <telerik:gridtemplatecolumn>         
                      <telerik:radcombobox>         

Any ideas how I can get it to work on both browsers? FYI everything works great when NOT in a RadWindow.

Thanks!

Window

answered on 01 Mar 2010

1 answer

161 views

dynamic date columns

hi

I would like to create the columns based on the date.

For example, it is now march and i would like my grid to show 31 columns

01/03 02/03 03/02 all thru 31/03

So when the system date detect it is already 1st april, my grid would create 30 columns

01/04 02/04 03/04 thru 30/04

On conclusion, the grid should create the number of columns based on the number of days in a given month. How should i go about it?

I would like to create an attendence sheet where the rows are the people and the columns are the dates. Thanks

Grid

answered on 01 Mar 2010

1 answer

163 views

Pass Date In Query String

All,

I know this one is a simple one, but for the life of me I cannot find the answer.

1) Have a rad grid populated w/ one hyperlink column.
2) The value is bound to a date of a .pdf doc
3) I want to open the .pdf doc in a new window.
4) I cannot seem to be able to pass the doc created date, which is the value of the hyperlink column.

Any ideas?

Thanks, Kevin

Grid

answered on 01 Mar 2010

3 answers

293 views

Css problem (.ExternalClass )

Hi,

When I create a table in the radeditor control, I added a standard css class to my table.
In the beginning everything looks fine, but when I'll do a 'check in' of my page the styling
of my table is gone. Sometimes after a checkin it's fine, but when the page will be copied to
all the other languages the styling of my table is gone again.

When i look into the html code from my page  i see that the css has been changed.

When the page looks fine the css classes between the style tags look lik this:

     .telerik-reTable-2 { ... some styling ... }

But the css classes after the checkin looks like this:

    .ExternalClass  .telerik-reTable-2 { ... some styling ... }

So .ExternalClass has been added to all the other classes, so this is the reason why the styling is gone from my table.

I hope someone has a sollution for this, because this bug is really annoying me.

WebParts for SharePoint

answered on 01 Mar 2010

3 answers

147 views

dynamic html insertions at content area

Hi Admin,

We are kinda new with using telerik. We are using a rad editor that overwrites the html type of field in moss. The requirement in our editor is that, on click of a custom toolbar button, it would insert/paste a piece of html code. But before that, there should be some sort of checking on where the current selection is. Meaning, the piece of html code to be inserted should only be pasted at specific types of elements (determined by their classes). I'm a having a hard time trying to navigate the dom and controling the position where i want to paste it. I want it to be pasted not just on the selected element, but maybe in its child nodes or sibling nodes.

Could you provide an example or references on what methods to combine or use in able to achieve this?

Thanks for your help!
ryan

Editor

answered on 01 Mar 2010