Telerik Forums
UI for ASP.NET AJAX Forum
1 answer
65 views
I have several rad grids on an aspx page and I need to localize the builtin paging control tool tips (i.e Next page, Previous Page)  How do I do thet in VB (ASP.Net)   I have looked all over the web and can not find a concise answer anywhwer.

Thanks,


Gary Graham
Shinu
Top achievements
Rank 2
 answered on 11 May 2011
1 answer
69 views
Hello,

I have a Rad Grid and on it I have 2 filters.. The boss told me he wanted to use a button/image of [Search] and not the default icon that is used for Filtering... I figured out how to change the Icon to use an image via the code below:

.rgFilter 

  background:url('../images/search.gif') !important; 
}  

But when viewed in a browser it clips the image to the same size of the old Icon...

where to set this size/width??

View attached image to see the problem
or URL: http://tinyurl.com/4xzqbyu

Thanks
Shane
Shinu
Top achievements
Rank 2
 answered on 11 May 2011
2 answers
167 views

Hello


I need to set the ID of a repeated button in a RADGrid and then get that ID in the VB code on the server side when it is clicked.


Hers what I’m looking to do...

1) Using a  RADGrid I want a Button in one of the columns (Got it/Can do)

2) When that button is clicked it calls a set of code (function/sub) server side VB

  - I want to give each button a defend ID using the record ID in dataset the data set that’s building out the table for the grid.

  - The code that is called will be the same no matter what button in the list is clicked

  - The code it calls can know/get what button ID was clicked so that it may use the ID to drill in to the DB.
(I know how to do the DB work, just need the Button ID that was clicked, sever side VB)


-Problems/help??

   - I can’t see how to set the ID via the RADGrid designer

      -- I do see how to for "tool tip" and the like but not the button ID (not the button text)

   - Where do I set it to call a sub or function that I have in the VB code page?
   - What code would go in go in the Sub:

Sub GridButtonEdit()

   BtnClkd = Get.GridButtonEdit.ID
End Sub
--- Something like that???? ---


If it’s not possible to set the Button ID (as I see it’s some random long string now) then is there something I could set that I could then get in the code that it calls?


Thanks for the help!

Shane

Shane
Top achievements
Rank 1
 answered on 10 May 2011
2 answers
68 views
I have tried everything I can think of. Please see the attached image. I have a simple menu that willNOT overlay a test box below it.
The menu is within a <div><panel> menu  <panel><div>  and the text box is in another <div><panel> set. ccs dictates where on the form these grouping show. I have tried messing with the z-index and  overlay=true and all other kinds of things.
Help please

gollnick
Kate
Telerik team
 answered on 10 May 2011
2 answers
137 views
Greetings,
    Can the ActiveRegionToolTip of a RadChart be databound to a value returned directly from a datasource?  I am able to set it to the X or Y value in the Chart datapoint using #Y, etc., but if the query is returning extra text in a different field, is there a way to directly feed that into the ActiveRegionToolTip?  (i.e., without resorting to server side code when the items are databound).

Thanks
Dave
David
Top achievements
Rank 1
 answered on 10 May 2011
3 answers
127 views
I searched the forum and couldn't find anything that fixed my problem, so I'm posting it now in hopes of getting an answer. This is my problem: I am using RadWindow as a popup modal login. The window opens without any problems and I can perform the login without any problems. The issue is when the RadWindow closes. I keep getting an error saying that the javascript method is undefined. This is the relevant code:

<telerik:RadWindow ID="dlgLogin" runat="server" Behaviors="Close" ReloadOnShow="true" OnClientClose="RadWindowOnClientClose" BackColor="Gray" Modal="true" Height="250"></telerik:RadWindow>

function RadWindowOnClientClose(radWindow) {
                document.location.pathname = "/DaytonDefense/Web/Public/Default.aspx";
            }

Now when I change the inside of the function to something like 'window.location.reload' it works without any problems. Also, if I put that line inside another function and call it from a button click it works fine as well, it just won't work in the OnClientClose function. I can't figure out what I'm doing wrong, help please!
Andrew
Top achievements
Rank 1
 answered on 10 May 2011
1 answer
133 views

Hello there!

I'm having an issue with ToolTipManager and RadGrid Detail Table, I programmatic add TargetControls, one control is a templatecolumn on mastertableview the other is also a templatecolumn on detail table same grid, first control triggers perfectly although when I hover template column item on detail table nothing happens.

I'm doing something like http://demos.telerik.com/aspnet-ajax/tooltip/examples/targetcontrolsandajax/defaultvb.aspx sample, I mean, I want to load dynamic data on each ToolTip.

Need some advice.

Thanks.

Alex.

Private Sub UpdateToolTip(ByVal elementID As String, ByVal panel As UpdatePanel)
    Dim ctrl As Control = Page.LoadControl("WUC_PolizaDetail.ascx")
    panel.ContentTemplateContainer.Controls.Add(ctrl)
    Dim details As WUC_PolizaDetail = DirectCast(ctrl, WUC_PolizaDetail)
    details.ProductID = elementID
End Sub
 
Protected Sub OnAjaxUpdate(ByVal sender As Object, ByVal args As ToolTipUpdateEventArgs) Handles RadToolTipManager1.AjaxUpdate, RadToolTipManager2.AjaxUpdate
    Me.UpdateToolTip(args.Value, args.UpdatePanel)
End Sub
 
Protected Sub Grid_2_ItemDataBound(ByVal sender As Object, ByVal e As Telerik.Web.UI.GridItemEventArgs) Handles Grid_2.ItemDataBound
    Dim target2 As Control
    If e.Item.ItemType = GridItemType.Item OrElse e.Item.ItemType = GridItemType.AlternatingItem Then
        Dim target As Control = e.Item.FindControl("tooltip")
 
 
        If e.Item.OwnerTableView.Name = "Detail_Table" AndAlso ((e.Item.ItemType = GridItemType.Item) OrElse (e.Item.ItemType = GridItemType.AlternatingItem)) Then
            Dim item As GridDataItem = e.Item
            target2 = item.FindControl("tooltip_detail")
        End If
 
        If Not [Object].Equals(target, Nothing) Then
            If Not [Object].Equals(Me.RadToolTipManager1, Nothing) Then
                Me.RadToolTipManager1.TargetControls.Add(target.ClientID, (TryCast(e.Item, GridDataItem)).GetDataKeyValue("POLIZA").ToString(), True)
            End If
        End If
 
        If Not [Object].Equals(target2, Nothing) Then
            If Not [Object].Equals(Me.RadToolTipManager2, Nothing) Then
                Me.RadToolTipManager2.TargetControls.Add(target2.ClientID, TryCast(e.Item, GridDataItem).GetDataKeyValue("ID_RECIBO").ToString(), True)
            End If
        End If
    End If
End Sub
 
Protected Sub Grid_2_ItemCommand(ByVal source As Object, ByVal e As Telerik.Web.UI.GridCommandEventArgs) Handles Grid_2.ItemCommand
    If e.CommandName = "Sort" OrElse e.CommandName = "Page" Then
        RadToolTipManager1.TargetControls.Clear()
        RadToolTipManager2.TargetControls.Clear()
    End If
End Sub
        <table>
            <tr>
                <td>
                    <br />
                    <asp:SqlDataSource ID="SqlRecibosData" runat="server" ConnectionString="<%$ ConnectionStrings:IVConnectionString %>"
                        SelectCommand="SELECT CONS_RECIBOS_CONCILIA.POLIZA, CONS_RECIBOS_CONCILIA.CLAVEAGENTE AS AGENTE, CONS_RECIBOS_CONCILIA.CLIENTE AS ASEGURADO, CASE ISNULL(dbo.ENDOSOS.ENDOSO , 'LA') WHEN 'LA' THEN CAST(dbo.CONS_RECIBOS_CONCILIA.ENDOSO AS VARCHAR) ELSE dbo.ENDOSOS.ENDOSO END AS ENDOSO, CASE CAST(TIPOCAMBIO.MONEDA AS VARCHAR) WHEN '1' THEN 'PESOS' WHEN '2' THEN 'DOLARES' WHEN '3' THEN 'EUROS' WHEN '4' THEN 'UDIS' END AS MONEDA FROM (SELECT FOLIO_OT, ENDOSO, FECHA_DESCARTE FROM (SELECT FOLIO_OT, 0 AS ENDOSO, FECHA_DESCARTE FROM POLIZAS AS POLIZAS_1 UNION SELECT FOLIO_OT, CONSECUTIVO AS ENDOSO, FECHA_DESCARTE FROM ENDOSOS AS ENDOSOS_1) AS derivedtbl_1) AS DESCARTE RIGHT OUTER JOIN ENDOSOS RIGHT OUTER JOIN CONS_RECIBOS_CONCILIA ON ENDOSOS.FOLIO_OT = CONS_RECIBOS_CONCILIA.FOLIO_OT AND ENDOSOS.CONSECUTIVO = CONS_RECIBOS_CONCILIA.ENDOSO ON DESCARTE.FOLIO_OT = CONS_RECIBOS_CONCILIA.FOLIO_OT AND DESCARTE.ENDOSO = CONS_RECIBOS_CONCILIA.ENDOSO LEFT OUTER JOIN CONS_GRUPOS ON CONS_RECIBOS_CONCILIA.ID_CONTRATANTE = CONS_GRUPOS.ID_CLIENTE LEFT OUTER JOIN CORRESPONSALES RIGHT OUTER JOIN POLIZAS ON CORRESPONSALES.ID_CORRESPONSAL = POLIZAS.ID_CORRESPONSAL1 ON CONS_RECIBOS_CONCILIA.FOLIO_OT = POLIZAS.FOLIO_OT LEFT OUTER JOIN TIPOCAMBIO RIGHT OUTER JOIN COB_LIQUIDACION ON TIPOCAMBIO.ID_TIPCAMBIO = COB_LIQUIDACION.TIPOCAMBIO ON CONS_RECIBOS_CONCILIA.REFER_LIQUIDA = COB_LIQUIDACION.ID_LIQUIDACION LEFT OUTER JOIN CONS_DIF_CONCILIACION ON CONS_RECIBOS_CONCILIA.POLIZA = CONS_DIF_CONCILIACION.POLIZA AND CONS_RECIBOS_CONCILIA.ENDOSO = CONS_DIF_CONCILIACION.ENDOSO AND CONS_RECIBOS_CONCILIA.NUMPAGO = CONS_DIF_CONCILIACION.NUM_PAG AND CONS_RECIBOS_CONCILIA.FOLIO_ASEG = CONS_DIF_CONCILIACION.FOLIO_ASEG AND CONS_RECIBOS_CONCILIA.OFICINA = CONS_DIF_CONCILIACION.OFICINA WHERE (CONS_RECIBOS_CONCILIA.ID_ASEGURADORA = @Aseguradora) AND (CONS_RECIBOS_CONCILIA.CLAVEAGENTE = @Agente) ORDER BY CONS_RECIBOS_CONCILIA.POLIZA, ENDOSO">
                        <SelectParameters>
                            <asp:Parameter Name="Aseguradora" />
                            <asp:Parameter Name="Agente" />
                        </SelectParameters>
                    </asp:SqlDataSource>
                    <asp:SqlDataSource ID="SqlRecibosDetail" runat="server" ConnectionString="<%$ ConnectionStrings:IVConnectionString %>"
                        SelectCommand="SELECT_RECIBOS_CONCILIACION_POLIZA" SelectCommandType="StoredProcedure">
                        <SelectParameters>
                            <asp:Parameter Name="Poliza" Type="String" />
                            <asp:Parameter Name="Endoso" Type="String" />
                        </SelectParameters>
                    </asp:SqlDataSource>
                    <telerik:RadGrid ID="Grid_2" GridLines="None" runat="server" AllowPaging="True" AllowSorting="True"
                        AllowMultiRowEdit="True" AllowMultiRowSelection="True" Width="900px" AutoGenerateColumns="False"
                        AllowFilteringByColumn="True">
                        <MasterTableView EditMode="InPlace" ClientDataKeyNames="POLIZA, ENDOSO" Name="MasterDetail">
                            <ExpandCollapseColumn Visible="True">
                            </ExpandCollapseColumn>
                            <Columns>
                                <telerik:GridBoundColumn DataField="POLIZA" HeaderText="Poliza" SortExpression="POLIZA"
                                    UniqueName="POLIZA">
                                    <HeaderStyle Font-Bold="True" />
                                </telerik:GridBoundColumn>
                                <telerik:GridBoundColumn DataField="ENDOSO" HeaderText="Endoso" ReadOnly="True" SortExpression="ENDOSO"
                                    UniqueName="ENDOSO" ItemStyle-Width="100px" AllowFiltering="False">
                                    <HeaderStyle Font-Bold="True" />
                                    <ItemStyle Width="100px"></ItemStyle>
                                </telerik:GridBoundColumn>
                                <telerik:GridBoundColumn DataField="AGENTE" HeaderText="Agente" SortExpression="AGENTE"
                                    UniqueName="AGENTE" AllowFiltering="False">
                                    <HeaderStyle Font-Bold="True" />
                                </telerik:GridBoundColumn>
                                <telerik:GridBoundColumn DataField="ASEGURADO" HeaderText="Asegurado" SortExpression="ASEGURADO"
                                    UniqueName="ASEGURADO" ReadOnly="True" AllowFiltering="False">
                                    <HeaderStyle Font-Bold="True" />
                                </telerik:GridBoundColumn>
                                <telerik:GridBoundColumn DataField="MONEDA" HeaderText="Moneda" SortExpression="MONEDA"
                                    UniqueName="MONEDA" ReadOnly="True" AllowFiltering="False">
                                    <HeaderStyle Font-Bold="True" />
                                </telerik:GridBoundColumn>
                                <telerik:GridTemplateColumn HeaderText="Detalle" UniqueName="TemplateColumn" 
                                    AllowFiltering="False">
                                    <ItemTemplate>
                                        <asp:Image ID="tooltip" runat="server" ImageUrl="../../Imagenes_LMS/ico_mas_info.gif"/>
                                    </ItemTemplate>
                                </telerik:GridTemplateColumn>
                            </Columns>
                            <ItemStyle Font-Bold="False" Font-Italic="False" Font-Names="Calibri" Font-Overline="False"
                                Font-Size="Small" Font-Strikeout="False" Font-Underline="False" Wrap="True" />
                            <AlternatingItemStyle Font-Bold="False" Font-Italic="False" Font-Names="calibri"
                                Font-Overline="False" Font-Size="Small" Font-Strikeout="False" Font-Underline="False"
                                Wrap="True" />
                            <EditItemStyle BackColor="#DAFCAB" Font-Bold="True" ForeColor="#006600" />
                            <HeaderStyle Font-Bold="True" Font-Italic="False" Font-Names="Calibri" Font-Overline="False"
                                Font-Size="Small" Font-Strikeout="False" Font-Underline="False" Wrap="True" />
                            <DetailTables>
                                <telerik:GridTableView AllowSorting="false" DataSourceID="SqlRecibosDetail" Width="100%"
                                    PageSize="7" AllowFilteringByColumn="False" EditMode="InPlace" DataKeyNames="ID_RECIBO"
                                    ClientDataKeyNames="ID_RECIBO" Name="Detail_Table">
                                    <ParentTableRelation>
                                        <telerik:GridRelationFields DetailKeyField="POLIZA" MasterKeyField="POLIZA" />
                                        <telerik:GridRelationFields DetailKeyField="ENDOSO" MasterKeyField="ENDOSO" />
                                    </ParentTableRelation>
                                    <Columns>
                                        <telerik:GridClientSelectColumn HeaderText="Seleccionar" UniqueName="columnCHec">
                                        </telerik:GridClientSelectColumn>
                                        <telerik:GridBoundColumn DataField="LIQ" HeaderText="Liq." SortExpression="LIQ" UniqueName="LIQ"
                                            ReadOnly="True">
                                        </telerik:GridBoundColumn>
                                        <telerik:GridBoundColumn DataField="ID_RECIBO" HeaderText="Recibo" SortExpression="ID_RECIBO"
                                            UniqueName="ID_RECIBO" ReadOnly="True" Visible="False">
                                        </telerik:GridBoundColumn>
                                        <telerik:GridBoundColumn DataField="FEC_LIQ" HeaderText="FLiq." SortExpression="FEC_LIQ"
                                            UniqueName="FEC_LIQ" ReadOnly="True" DataFormatString="{0:dd/MM/yy}">
                                        </telerik:GridBoundColumn>
                                        <telerik:GridBoundColumn DataField="FECHA_INICIO" HeaderText="Inicio Vig" SortExpression="FECHA_INICIO"
                                            UniqueName="FECHA_INICIO" ReadOnly="True" DataFormatString="{0:dd/MM/yy}">
                                        </telerik:GridBoundColumn>
                                        <telerik:GridBoundColumn SortExpression="SERIE" HeaderText="Serie" DataField="SERIE"
                                            UniqueName="SERIE" ReadOnly="True">
                                        </telerik:GridBoundColumn>
                                        <telerik:GridDropDownColumn DataSourceID="SQLData_Action" EmptyListItemText="Seleccione una opcion..."
                                            EmptyListItemValue="0" EnableEmptyListItem="True" HeaderText="Accion" ListTextField="Action_Desc"
                                            ListValueField="Action_ID" UniqueName="column1">
                                            <HeaderStyle HorizontalAlign="Center" />
                                        </telerik:GridDropDownColumn>
                                        <telerik:GridDropDownColumn DataSourceID="SQLData_Status" EmptyListItemText="Seleccione una opcion..."
                                            EmptyListItemValue="0" EnableEmptyListItem="True" HeaderText="Status" ListTextField="Status_Desc"
                                            ListValueField="Status_ID" UniqueName="column2">
                                            <HeaderStyle HorizontalAlign="Center" />
                                        </telerik:GridDropDownColumn>
                                        <telerik:GridTemplateColumn HeaderText="Autos" UniqueName="TemplateColumn1">
                                            <ItemTemplate>
                                                <asp:Button ID="Button2" runat="server" Text="Detalle" OnClientClick="ConciliacionManual();return false;" />
                                            </ItemTemplate>
                                        </telerik:GridTemplateColumn>
                                        <telerik:GridTemplateColumn HeaderText="Detalle" UniqueName="DetailColumn">
                                            <ItemTemplate>
                                                <asp:Image ID="tooltip_detail" runat="server" ImageUrl="../../Imagenes_LMS/ico_mas_info.gif" />
                                            </ItemTemplate>
                                        </telerik:GridTemplateColumn>
                                        <telerik:GridEditCommandColumn ButtonType="ImageButton" EditImageUrl="../../Imagenes_LMS/Edit.png"
                                            EditText="Editar" UpdateImageUrl="../../Imagenes_LMS/Update.png" UpdateText="Guardar Cambios"
                                            CancelImageUrl="../../Imagenes_LMS/Cancel.png" CancelText="Cancelar">
                                        </telerik:GridEditCommandColumn>
                                    </Columns>
                                    <EditFormSettings>
                                        <EditColumn UniqueName="EditCommandColumn1">
                                        </EditColumn>
                                    </EditFormSettings>
                                </telerik:GridTableView>
                            </DetailTables>
                        </MasterTableView>
                        <ClientSettings>
                            <Selecting AllowRowSelect="True" />
                            <ClientEvents OnRowClick="RowClick" OnRowDblClick="RowDblClick" OnGridCreated="GridCreated"
                                OnCommand="GridCommand" />
                        </ClientSettings>
                    </telerik:RadGrid>
                    <br />
                </td>
            </tr>
            <tr align="center">
                <td>
                    <asp:Button ID="Btn_Conciliacion" runat="server" CssClass="Boton" Text="Conciliar Recibos Seleccionados"
                        Width="180px" />    
                    <asp:Button ID="Button1" runat="server" CssClass="Boton" Text="Cancelar" Width="80px"
                        OnClientClick="returnToParent()" />
                </td>
            </tr>
        </table>
        <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" DefaultLoadingPanelID="AjaxLoadingPanel1">
            <AjaxSettings>
                <telerik:AjaxSetting AjaxControlID="RadAjaxManager1">
                    <UpdatedControls>
                        <telerik:AjaxUpdatedControl ControlID="Grid_2" LoadingPanelID="AjaxLoadingPanel1" />
                    </UpdatedControls>
                </telerik:AjaxSetting>
                <telerik:AjaxSetting AjaxControlID="Grid_2">
                    <UpdatedControls>
                        <telerik:AjaxUpdatedControl ControlID="Grid_2" />
                    </UpdatedControls>
                </telerik:AjaxSetting>
            </AjaxSettings>
        </telerik:RadAjaxManager>
        <telerik:RadToolTipManager ID="RadToolTipManager1" runat="server" Position="BottomCenter"
            Animation="Fade" RelativeTo="Element" Width="500px" Height="300px" Style="font-size: 18px;
            text-align: center; font-family: Arial;" RenderInPageRoot="true">
        </telerik:RadToolTipManager>
        <telerik:RadToolTipManager ID="RadToolTipManager2" runat="server" 
            Animation="FlyIn" Height="300px" RelativeTo="Element" RenderInPageRoot="True" 
            Width="500px">
        </telerik:RadToolTipManager>
        <telerik:RadAjaxLoadingPanel ID="AjaxLoadingPanel1" runat="server" Skin="Hay" IsSticky="True"
            HorizontalAlign="Center" BackgroundPosition="Top">
        </telerik:RadAjaxLoadingPanel>
    </div>
    <asp:SqlDataSource ID="SqlData_Status" runat="server" ConnectionString="<%$ ConnectionStrings:IVConnectionString %>"
        SelectCommand="SELECT [Status_ID], [Status_Desc] FROM [Status]"></asp:SqlDataSource>
    <asp:SqlDataSource ID="SqlData_Action" runat="server" ConnectionString="<%$ ConnectionStrings:IVConnectionString %>"
        SelectCommand="SELECT [Action_ID], [Action_Desc] FROM [Actions]"></asp:SqlDataSource>
    </form>
</body>
</html>

Alejandro
Top achievements
Rank 1
 answered on 10 May 2011
1 answer
112 views
Hi,

   We are using telerik version 2011.1.413.35. The width & height of Radwindow doesnt get reflected in many places. I have also width and height property in cssclass with '!important' specified in class even though it is not getting reflected.. I guess it its takes its default size. the following code i have used,

<telerik:RadWindowManager ID="RadWindowManager2" runat="server" ReloadOnShow="false"
        OnClientShow="">
        <Windows>
            <telerik:RadWindow ID="radWindowAccountCodePopup" Behavior="Close" VisibleTitlebar="false"
                Modal="true" Width="578px" runat="server" Height="450px" NavigateUrl="~\Admin\AccountCodePopup.aspx"
                VisibleStatusbar="false">
            </telerik:RadWindow>
            <telerik:RadWindow ID="radWindowAddDescriptionPopup" Behavior="Close" VisibleTitlebar="false"
                Modal="true" Width="750px" runat="server" Height="550px" NavigateUrl="~\Admin\ClassDescriptionPopup.aspx"
                VisibleStatusbar="false">
            </telerik:RadWindow>
            <telerik:RadWindow ID="radWindowThumbNailFileUploadPopup" Behavior="Close" VisibleTitlebar="false"
                Modal="true" Width="750px" runat="server" OnClientClose="CallBackFunctionService"
                Height="300px" NavigateUrl="~/Admin/ImageUpload.aspx" VisibleStatusbar="false">
            </telerik:RadWindow>
            <telerik:RadWindow ID="radWindowLargeFileUploadPopup" Behavior="Close" VisibleTitlebar="false"
                Modal="true" OnClientClose="CallBackFunctionService" Width="750px" Height="300px"
                NavigateUrl="~/Admin/ImageUpload.aspx" runat="server" VisibleStatusbar="false">
            </telerik:RadWindow>
            <telerik:RadWindow ID="radWindowOpenCancelClassPopup" Behavior="Close" VisibleTitlebar="false"
                Modal="true" Width="750px" runat="server" Height="600px" NavigateUrl="~/Admin/CancelClass.aspx"
                VisibleStatusbar="false">
            </telerik:RadWindow>
        </Windows>
    </telerik:RadWindowManager>

Please guide me..

Thanks,
Hema.
Gimmik
Top achievements
Rank 1
 answered on 10 May 2011
5 answers
126 views
Hello,
I have created a telerik radgrid that displays info from an SQL Server database.
Inside my grid, i edited a nested view template and inside that template I placed a RadBinary image of which datavalue is set a binary field in the SQL table. The problem is that the picture is not showing.
Can someone tell me if there is some conflict or some additional steps to take when setting up a binary image in the nested view template.

Arnaud
Arnaud
Top achievements
Rank 1
 answered on 10 May 2011
1 answer
154 views

Hello:

Hopefully you can help us with a perplexing problem we are having.

We started developing a major application for our organization using your Controls for AJAX.NET in early 2008. We used the Outlook skin to render these controls.

In one of your subsequent releases which we upgraded to, you made some substantial revisions to the outlook skin. These revisions were incompatible with our application and caused many of your controls to render incorrectly. Because of this we had to revert to an earlier version of your controls.

Eventually you provided us with a series of articles from your ‘knowledge base’ which addressed this and other issues that had cropped up for us. One of the articles was written (I believe) by Mr. Todd Anglin in mid 2008 on blogs.Telerik.com and explained how to create a separate solution which contained legacy versions of the skins.  Our Solution was called TelerikCustomSkins.

This revision rendered the Radgrids, Radeditors and RadComboBoxes correctly, with one small but serious problem.

Our nested Radgrids do not render the image that allows the user to open and close the nested grid. If the user realizes where the image is located he can still click there and open the nested grid, but we need to show the image.

The RadGrid has an attribute named EnableEmbeddedSkins which we have set to false, a setting that is required for using  the revised skins. With the setting at false, the radgrids redner without the images as mentioned above. However if we change the setting of EnableEmbeddedSkins to true (or remove it altogether) the radgrid is rendered using your new skin the missing images now appear.

We find 2 gif images named ‘SingleMinus.gif’ and ‘SinglePlus.gif’ which represent the two missing images. We believe, however, that the css file is set up to obtain the images from a portion of a gif entitled sprties.gif.

 

 

This solution contained the following c#  main module:

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Web;
using System.Web.UI;

[assembly: WebResource("TelerikCustomSkins.OutlookSkinForComboBox.css", "text/css")]
//[assembly: WebResource("TelerikCustomSkins.OutlookSkinForGrid.css",     "text/css")]
[assembly: WebResource("TelerikCustomSkins.OutlookSkinForEditor.css", "text/css")]
[assembly: WebResource("TelerikCustomSkins.OutlookSkinForGridClassic.css", "text/css")]

[assembly: WebResource("TelerikCustomSkins.ComboBox_Images.rcbSprite.png",    "image/png")]
[assembly: WebResource("TelerikCustomSkins.ComboBox_Images.rcbSpriteIE6.png", "image/png")]
[assembly: WebResource("TelerikCustomSkins.ComboBox_Images.Outlook.gif",      "image/gif")]

//[assembly: WebResource("TelerikCustomSkins.Grid_Images.AddRecord.gif",        "image/gif")]
//[assembly: WebResource("TelerikCustomSkins.Grid_Images.Cancel.gif",           "image/gif")]
//[assembly: WebResource("TelerikCustomSkins.Grid_Images.Delete.gif",           "image/gif")]
//[assembly: WebResource("TelerikCustomSkins.Grid_Images.Edit.gif",             "image/gif")]
//[assembly: WebResource("TelerikCustomSkins.Grid_Images.Filter.gif",           "image/gif")]
//[assembly: WebResource("TelerikCustomSkins.Grid_Images.MoveDown.gif",         "image/gif")]
//[assembly: WebResource("TelerikCustomSkins.Grid_Images.MoveUp.gif",           "image/gif")]
//[assembly: WebResource("TelerikCustomSkins.Grid_Images.Outlook.gif",          "image/gif")]
//[assembly: WebResource("TelerikCustomSkins.Grid_Images.PagingFirst.gif",      "image/gif")]
//[assembly: WebResource("TelerikCustomSkins.Grid_Images.PagingLast.gif",       "image/gif")]
//[assembly: WebResource("TelerikCustomSkins.Grid_Images.PagingNext.gif",       "image/gif")]
//[assembly: WebResource("TelerikCustomSkins.Grid_Images.PagingPrev.gif",       "image/gif")]
//[assembly: WebResource("TelerikCustomSkins.Grid_Images.SingleMinus.gif",      "image/gif")]
/[assembly: WebResource("TelerikCustomSkins.Grid_Images.SinglePlus.gif",       "image/gif")]
//[assembly: WebResource("TelerikCustomSkins.Grid_Images.SortAsc.gif",          "image/gif")]
//[assembly: WebResource("TelerikCustomSkins.Grid_Images.SortDesc.gif",         "image/gif")]
//[assembly: WebResource("TelerikCustomSkins.Grid_Images.Sprite.gif",           "image/gif")]
//[assembly: WebResource("TelerikCustomSkins.Grid_Images.Update.gif",           "image/gif")]

[assembly: WebResource("TelerikCustomSkins.GridClassic_Images.AddRecord.gif", "image/gif")]
[assembly: WebResource("TelerikCustomSkins.GridClassic_Images.Cancel.gif", "image/gif")]
[assembly: WebResource("TelerikCustomSkins.GridClassic_Images.Delete.gif", "image/gif")]
[assembly: WebResource("TelerikCustomSkins.GridClassic_Images.Edit.gif", "image/gif")]
[assembly: WebResource("TelerikCustomSkins.GridClassic_Images.Filter.gif", "image/gif")]
[assembly: WebResource("TelerikCustomSkins.GridClassic_Images.MoveDown.gif", "image/gif")]
[assembly: WebResource("TelerikCustomSkins.GridClassic_Images.MoveUp.gif", "image/gif")]
[assembly: WebResource("TelerikCustomSkins.GridClassic_Images.Outlook.gif", "image/gif")]
[assembly: WebResource("TelerikCustomSkins.GridClassic_Images.PagingFirst.gif", "image/gif")]
[assembly: WebResource("TelerikCustomSkins.GridClassic_Images.PagingLast.gif", "image/gif")]
[assembly: WebResource("TelerikCustomSkins.GridClassic_Images.PagingNext.gif", "image/gif")]
[assembly: WebResource("TelerikCustomSkins.GridClassic_Images.PagingPrev.gif", "image/gif")]
[assembly: WebResource("TelerikCustomSkins.GridClassic_Images.Refresh.gif", "image/gif")]
[assembly: WebResource("TelerikCustomSkins.GridClassic_Images.SingleMinus.gif", "image/gif")]
[assembly: WebResource("TelerikCustomSkins.GridClassic_Images.SinglePlus.gif", "image/gif")]
[assembly: WebResource("TelerikCustomSkins.GridClassic_Images.SortAsc.gif", "image/gif")]
[assembly: WebResource("TelerikCustomSkins.GridClassic_Images.SortDesc.gif", "image/gif")]
[assembly: WebResource("TelerikCustomSkins.GridClassic_Images.Sprite.gif", "image/gif")]
[assembly: WebResource("TelerikCustomSkins.GridClassic_Images.Update.gif", "image/gif")]
[assembly: WebResource("TelerikCustomSkins.GridClassic_Images.export.gif", "image/gif")]
[assembly: WebResource("TelerikCustomSkins.GridClassic_Images.loading_small.gif", "image/gif")]

[assembly: WebResource("TelerikCustomSkins.Editor_Images.CommandSpritesLight.png",    "image/png")]
[assembly: WebResource("TelerikCustomSkins.Editor_Images.CommandSpritesLightIE6.gif", "image/gif")]
[assembly: WebResource("TelerikCustomSkins.Editor_Images.CommonIcons.gif",            "image/gif")]
[assembly: WebResource("TelerikCustomSkins.Editor_Images.LoadingSpell.gif",           "image/gif")]
[assembly: WebResource("TelerikCustomSkins.Editor_Images.Outlook.gif",                "image/gif")]
[assembly: WebResource("TelerikCustomSkins.Editor_Images.ToolbarSprites.gif",         "image/gif")]
[assembly: WebResource("TelerikCustomSkins.Editor_Images.ToolbarVerticalSprites.gif", "image/gif")]
[assembly: WebResource("TelerikCustomSkins.GridClassic_Images.export.gif",                 "image/gif")]
[assembly: WebResource("TelerikCustomSkins.GridClassic_Images.loading_small.gif", "image/gif")]
namespace TelerikCustomSkins
{

    public class TelerikSkin  
    {

    }

}

This is the css file from the new solution that renders  the Radgrid without the images:

/* Telerik RadGrid Outlook Skin */

 

/*global*/

 

.RadGrid_Outlook

{

       border:1px solid #002d96;

       background:Window;

       color:WindowText;

}

 

.RadGrid_Outlook,

.RadGrid_Outlook .rgMasterTable,

.RadGrid_Outlook .rgDetailTable,

.RadGrid_Outlook .rgGroupPanel table,

.RadGrid_Outlook .rgCommandRow table,

.RadGrid_Outlook .rgEditForm table,

.GridToolTip_Outlook

{

       font:11px tahoma,verdana,sans-serif;

}

 

.RadGrid_Outlook .rgMasterTable,

.RadGrid_Outlook .rgDetailTable

{

       border-collapse:separate;

}

 

.RadGrid_Outlook .rgRow td,

.RadGrid_Outlook .rgAltRow td,

.RadGrid_Outlook .rgEditRow td,

.RadGrid_Outlook .rgFooter td,

.RadGrid_Outlook .rgFilterRow td,

.RadGrid_Outlook .rgGroupHeader td

{

       padding-left:4px;

       padding-right:4px;

}

 

.RadGrid_Outlook .rgAdd,

.RadGrid_Outlook .rgRefresh,

.RadGrid_Outlook .rgEdit,

.RadGrid_Outlook .rgDel,

.RadGrid_Outlook .rgFilter,

.RadGrid_Outlook .rgPagePrev,

.RadGrid_Outlook .rgPageNext,

.RadGrid_Outlook .rgPageFirst,

.RadGrid_Outlook .rgPageLast,

.RadGrid_Outlook .rgExpand,

.RadGrid_Outlook .rgCollapse,

.RadGrid_Outlook .rgSortAsc,

.RadGrid_Outlook .rgSortDesc,

.RadGrid_Outlook .rgUpdate,

.RadGrid_Outlook .rgCancel

{

       width:16px;

       height:16px;

       border:0;

       padding:0;

       background-color:transparent;

       background-image:url('<%=WebResource("TelerikCustomSkins.GridClassic_Images.sprite.gif")%>');

       background-repeat:no-repeat;

       vertical-align:middle;

       font-size:1px;

       cursor:pointer;

}

 

.RadGrid_Outlook .rgGroupItem input,

.RadGrid_Outlook .rgCommandRow img,

.RadGrid_Outlook .rgHeader input,

.RadGrid_Outlook .rgFilterRow img,

.RadGrid_Outlook .rgPager img

{

       vertical-align:middle;

}

 

/*header*/

 

.RadGrid_Outlook .rgHeaderDiv

{

       background:#f6f6f6 url('<%=WebResource("TelerikCustomSkins.GridClassic_Images.sprite.gif")%>') 0 -716px repeat-x;

}

 

.RadGrid_Outlook .rgHeader,

.RadGrid_Outlook th.rgResizeCol

{

       border:1px solid;

       border-color:#f2f0ee #75736e #75736e #f2f0ee;

       background:ButtonFace;

       padding:3px;

       font-weight:normal;

       text-align:left;

}

 

.RadGrid_Outlook .rgHeader,

.RadGrid_Outlook .rgHeader a

{

       color:WindowText;

       text-decoration:none;

}

 

.RadGrid_Outlook th.rgResizeCol

{

       background:ButtonFace url('<%=WebResource("TelerikCustomSkins.GridClassic_Images.sprite.gif")%>') center -199px no-repeat;

}

 

/*rows*/

 

.RadGrid_Outlook .rgRow td,

.RadGrid_Outlook .rgAltRow td,

.RadGrid_Outlook .rgEditRow td,

.RadGrid_Outlook .rgFooter td

{

       padding-top:3px;

       padding-bottom:3px;

}

 

.RadGrid_Outlook .rgRow td,

.RadGrid_Outlook .rgAltRow td,

.RadGrid_Outlook .rgFooter td

{

       border-top:1px solid #fff;

       border-bottom:1px solid #eae9e1;

}

 

.RadGrid_Outlook .rgRow a,

.RadGrid_Outlook .rgAltRow a,

.RadGrid_Outlook .rgEditRow a,

.RadGrid_Outlook .rgFooter a,

.RadGrid_Outlook .rgEditForm a

{

       color:WindowText;

}

 

.RadGrid_Outlook .rgSelectedRow

{

       background:Highlight;

}

 

.RadGrid_Outlook .rgSelectedRow,

.RadGrid_Outlook .rgSelectedRow a

{

       color:HighlightText;

}

 

.RadGrid_Outlook .rgSelectedRow td

{

       border-color:Highlight;

}

 

.RadGrid_Outlook .rgHoveredRow,

.RadGrid_Outlook .rgActiveRow

{

       background:InfoBackground;

       color:InfoText;

}

 

.RadGrid_Outlook .rgEditRow

{

       background:Menu;

       color:MenuText;

}

 

.RadGrid_Outlook .rgEditRow td

{

       border-color:Menu;

}

 

/*footer*/

 

.RadGrid_Outlook .rgFooterDiv,

.RadGrid_Outlook .rgFooter

{

       background:#f6f6f6;

       color:#333;

}

 

/*status*/

 

.RadGrid_Outlook .rgPager .rgStatus

{

       width:35px;

       border-right:1px solid #808080;

       padding:3px 0 2px;

}

 

.RadGrid_Outlook .rgPager .rgStatus div

{

       width:24px;

       height:24px;

       overflow:hidden;

       border:0;

       margin:0 auto;

       padding:0;

       background:transparent;

       text-indent:-2222px;

}

 

/*pager*/

 

.RadGrid_Outlook .rgPager

{

       background:ButtonFace;

       line-height:20px;

}

 

.RadGrid_Outlook .rgPager td

{

       padding:0;

}

 

.RadGrid_Outlook .rgPagePrev

{

       background-position:5px -388px;

}

 

.RadGrid_Outlook .rgPageNext

{

       background-position:-21px -388px;

}

 

.RadGrid_Outlook .rgPageFirst

{

       background-position:4px -356px;

}

 

.RadGrid_Outlook .rgPageLast

{

       background-position:-20px -356px;

}

 

.RadGrid_Outlook .rgWrap

{

       float:left;

       padding:0 10px;

       line-height:26px;

       white-space:nowrap;

}

 

.RadGrid_Outlook .rgArrPart1

{

       padding-right:0;

       line-height:22px;

}

 

.RadGrid_Outlook .rgArrPart2

{

       padding-left:0;

       line-height:22px;

}

 

.RadGrid_Outlook .rgInfoPart

{

       float:right;

}

 

.RadGrid_Outlook .rgInfoPart strong

{

       font-weight:normal;

}

 

.RadGrid_Outlook .rgPageFirst,

.RadGrid_Outlook .rgPagePrev,

.RadGrid_Outlook .rgPageNext,

.RadGrid_Outlook .rgPageLast

{

       height:24px;

}

 

.RadGrid_Outlook .rgPagerButton

{

       height:22px;

       border:1px solid #b0b0b0;

       margin:0 14px 0 0;

       padding:0 4px 2px;

       background:#d8d8d8;

       color:#000;

       font:12px/12px arial,sans-serif;

       vertical-align:middle;

       cursor:pointer;

}

 

.RadGrid_Outlook .rgNumPart

{

       padding:2px 0;

}

 

.RadGrid_Outlook .NumericPages .rgNumPart

{

       padding:2px 10px;

}

 

.RadGrid_Outlook .rgNumPart a

{

       float:left;

       line-height:22px;

       margin:0;

       padding:0 5px 0 0;

       color:#000;

       text-decoration:none;

}

 

.RadGrid_Outlook .rgNumPart span

{

       float:left;

       padding:0 0 0 5px;

}

 

.RadGrid_Outlook .rgNumPart a:hover

{

       text-decoration:underline;

}

 

.RadGrid_Outlook .rgNumPart a:hover span

{

       cursor:pointer;

}

 

.RadGrid_Outlook .rgNumPart a.rgCurrentPage,

.RadGrid_Outlook .rgNumPart a.rgCurrentPage:hover

{

       cursor:default;

       text-decoration:none;

       font-weight:bold;

}

 

.RadGrid_Outlook .rgNumPart a.rgCurrentPage span,

.RadGrid_Outlook .rgNumPart a.rgCurrentPage:hover span

{

       cursor:default;

}

 

.RadGrid_Outlook .NextPrevNumericAndAdvanced .rgAdvPart

{

       float:none;

       text-align:center;

}

 

.RadGrid_Outlook .rgPager .RadSlider

{

       float:left;

       margin:2px 10px 0 0;

}

 

.RadGrid_Outlook .rgPagerLabel,

.RadGrid_Outlook .rgPager .RadComboBox,

.RadGrid_Outlook .rgPager .RadInput_Outlook

{

       margin:0 4px 0 0;

       vertical-align:middle;

}

 

.RadGrid_Outlook .rgPager .RadComboBox

{

       margin-top:-1px;

}

*+html .RadGrid_Outlook .rgPager .RadComboBox{margin-top:-2px;}

* html .RadGrid_Outlook .rgPager .RadComboBox{margin-top:-2px;}

 

.RadGrid_Outlook .rgPagerTextBox

{

       text-align:center;

}

 

/*sorting, reordering*/

 

.RadGrid_Outlook .rgHeader .rgSortAsc

{

       background-position:-21px -330px;

       height:10px;

}

 

.RadGrid_Outlook .rgHeader .rgSortDesc

{

       background-position:5px -328px;

       height:10px;

}

 

.GridReorderTop_Outlook,

.GridReorderBottom_Outlook

{

       width:9px !important;

       height:12px !important;

       margin-left:-4px;

       background:url('<%=WebResource("TelerikCustomSkins.GridClassic_Images.sprite.gif")%>') 0 -300px no-repeat;

}

 

.GridReorderBottom_Outlook

{

       background-position:-23px -300px;

}

 

/*filtering*/

 

.RadGrid_Outlook .rgFilterRow

{

       background:#f6f6f6;

}

 

.RadGrid_Outlook .rgFilterRow td

{

       border-bottom:1px solid #eae9e1;

       padding-top:4px;

       padding-bottom:4px;

}

 

.RadGrid_Outlook .rgFilter

{

       background-position:2px -424px;

}

 

.RadGrid_Outlook .rgFilterBox

{

       border:1px solid ButtonFace;

       padding:2px;

       background:Window;

       font:11px arial,sans-serif;

       color:WindowText;

       vertical-align:middle;

}

 

/*grouping*/

 

.RadGrid_Outlook .rgGroupPanel

{

       background:#043994 url('<%=WebResource("TelerikCustomSkins.GridClassic_Images.sprite.gif")%>') 0 0 repeat-x;

       color:#fff;

}

 

.RadGrid_Outlook .rgGroupPanel .rgSortAsc

{

       background-position:-21px -327px;

}

 

.RadGrid_Outlook .rgGroupPanel .rgSortDesc

{

       background-position:5px -326px;

}

 

.RadGrid_Outlook .rgGroupPanel td

{

       padding:3px 4px 5px;

}

 

.RadGrid_Outlook .rgGroupPanel td td

{

       padding:1px;

}

 

.RadGrid_Outlook .rgGroupItem

{

       white-space:nowrap;

}

 

.RadGrid_Outlook .rgGroupHeader

{

       background:#fff;

}

 

.RadGrid_Outlook .rgGroupHeader td

{

       border-bottom:2px solid #7ba4e0;

       padding:4px 4px;

       color:#3768b9;

       font-weight:bold;

}

 

.RadGrid_Outlook .rgExpand

{

       background-position:2px -457px;

}

 

.RadGrid_Outlook .rgCollapse

{

       background-position:2px -489px;

}

 

.RadGrid_Outlook .rgGroupHeader td div

{

       top:-0.5em;

}

 

.RadGrid_Outlook .rgGroupHeader td div div

{

       top:0;

}

 

/*editing*/

 

.RadGrid_Outlook .rgEditForm

{

       border-bottom:1px solid #7ba4e0;

}

 

.RadGrid_Outlook .rgUpdate

{

       background-position:2px -618px;

}

 

.RadGrid_Outlook .rgCancel

{

       background-position:2px -650px;

}

 

/*hierarchy*/

 

.RadGrid_Outlook .rgDetailTable

{

       border:1px solid #002d96;

       border-right:0;

}

 

/*command row*/

 

.RadGrid_Outlook .rgCommandRow

{

       background:#f6f6f6;

}

 

.RadGrid_Outlook .rgCommandRow a

{

       color:#000;

}

 

.RadGrid_Outlook .rgAdd

{

       background-position:2px -683px;

}

 

.RadGrid_Outlook .rgRefresh

{

       background-position:5px -521px;

}

 

.RadGrid_Outlook .rgEdit

{

       background-position:2px -554px;

}

 

.RadGrid_Outlook .rgDel

{

       background-position:2px -587px;

}

 

/*multirow select*/

 

.GridRowSelector_Outlook

{

       background:#003;

}

 

/*row drag n drop*/

 

.GridItemDropIndicator_Outlook

{

    border-top:1px dashed #666;

}

 

/*tooltip*/

 

.GridToolTip_Outlook

{

       border:1px solid #000;

       padding:3px;

       background:#ffffe1;

       color:#000;

}

 

/*rtl*/

 

.RadGridRTL_Outlook .rgHeader,

.RadGridRTL_Outlook th.rgResizeCol

{

       text-align:right;

}

 

.RadGridRTL_Outlook .rgWrap

{

       float:right;

}

 

.RadGridRTL_Outlook .rgInfoPart
       float:left;

}

.RadGridRTL_Outlook .rgNumPart

{

       width:220px;

}

 

.RadGridRTL_Outlook .rgNumPart a

{

       float:right;

}

 

To use the revised  skins in the mina project we needed to add the following code to our Master Page:

 

    <telerik:RadStyleSheetManager ID="RadStyleSheetManager1" runat="server">

        <StyleSheets>

            <telerik:StyleSheetReference Name="TelerikCustomSkins.OutlookSkinForComboBox.css"

                Assembly="TelerikCustomSkins"></telerik:StyleSheetReference>

            <telerik:StyleSheetReference Name="TelerikCustomSkins.OutlookSkinForGridClassic.css"

                Assembly="TelerikCustomSkins"></telerik:StyleSheetReference>

            <telerik:StyleSheetReference Name="TelerikCustomSkins.OutlookSkinForEditor.css"

                Assembly="TelerikCustomSkins"></telerik:StyleSheetReference>

        </StyleSheets>

    </telerik:RadStyleSheetManager>

Your answer to our original problem works fine except for the two missing images in the nested RadGrids. Can you help us find a solution for this?

(I will also send you our copy of sprites.gif, which seems to be fine.)

 

Galin
Telerik team
 answered on 10 May 2011
Narrow your results
Selected tags
Tags
+? more
Top users last month
Rob
Top achievements
Rank 3
Bronze
Iron
Iron
Sergii
Top achievements
Rank 1
Iron
Iron
Dedalus
Top achievements
Rank 1
Iron
Iron
Lan
Top achievements
Rank 1
Iron
Doug
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Top users last month
Rob
Top achievements
Rank 3
Bronze
Iron
Iron
Sergii
Top achievements
Rank 1
Iron
Iron
Dedalus
Top achievements
Rank 1
Iron
Iron
Lan
Top achievements
Rank 1
Iron
Doug
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?