Custom Skins

18 posts, 0 answers
  1. ManniAT
    ManniAT avatar
    877 posts
    Member since:
    Nov 2003

    Posted 09 Mar 2009 Link to this post

    Hi,

    I downloaded the D1040 Skin.
    As I see the author uses css sprites for command items.

    But how is this supoorted with grid?

    For an example I want to use a GridEditCommandColum with ButtonType="ImageButton".

    This results that Grid emits an img link to /Edit.gif - which of course is not found.

    Regards

    Manfred
  2. Dimo
    Admin
    Dimo avatar
    8332 posts

    Posted 11 Mar 2009 Link to this post

    Hello Manfred,

    If a separate Edit.gif image is not available in the D1040 skin folder, you will have to create one yourself - for example you can extract the respective image from the sprite using a random image editor software, or you can use some other image of your preference.

    The D1040 skin has been created by a member of the Telerik community and as such, it is provided as is.

    Regards,
    Dimo
    the Telerik team

    Instantly find answers to your questions on the new Telerik Support Portal.
    Check out the tips for optimizing your support resource searches.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Andy Green
    Andy Green avatar
    342 posts
    Member since:
    Aug 2008

    Posted 04 Apr 2009 Link to this post

    Can the 1040 skin be made to work with the 2009 Q1 release. I've migrated from 2008 Q2 and the skin doesn't work properly.

    Andy
  5. Sebastian
    Admin
    Sebastian avatar
    9934 posts

    Posted 06 Apr 2009 Link to this post

    Hello guys,

    Consider converting the skin in question using the tool we provided with the Q1 2009 SP1 release of the controls:

    http://blogs.telerik.com/tervelpeykov/posts/09-03-20/Using_pre-Q1_2009_skins_with_Q1_2009.aspx

    Best regards,
    Sebastian
    the Telerik team

    Check out Telerik Trainer , the state of the art learning tool for Telerik products.
  6. Anil Kumar Patra
    Anil Kumar Patra avatar
    31 posts
    Member since:
    Jan 2010

    Posted 29 Jan 2010 Link to this post

    Hi sir,
            I am using Dockpanel controls in my page and some contents are in Dock.I am using my custom skin for the Telerik controls.When i am running on IE then its output comes good and also all texts are appear but when i run in Mozilla Firefox the contents are not appearing with in Dock control.So whats the problem and how can i do for firefox ?Pls help me.Thank you
  7. Anil Kumar Patra
    Anil Kumar Patra avatar
    31 posts
    Member since:
    Jan 2010

    Posted 07 Mar 2010 Link to this post

    Hi Telerik,
            Thank you For ur Reply.Its working fine.Yeah I got a very serious problem.pls Help me.Problem is:-
     I was used custom skin for whole project which is nothing but approximately 800 forms are there.all are coming perfectly as my design.but now problem is some controls like grid and comboboxes are not working in IE6,but its perfectly working in IE7/IE8 and in compatibility mode.But whats the problem in IE6 ?Actually sometime all controls are working fine in IE6 also but some time its not displaying perfectly and that site going to hang,and not working anything.so please give me any solution for this problem.Bexoz of my client are useing only IE6.

     --For telerik control any option to set in config file,such as:some meta tag or any thing .pls help.
    like:<meta http-equiv="X-UA-Compatible" content="IE=6" />//this metatag is not working

  8. Dimo
    Admin
    Dimo avatar
    8332 posts

    Posted 08 Mar 2010 Link to this post

    Hi Anil Kumar Patra,

    Since the provided information is not sufficient to determine the cause of the problem, we need a runnable example reproducing the described issue. Thank you in advance.

    Sincerely yours,
    Dimo
    the Telerik team

    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.
  9. Anil Kumar Patra
    Anil Kumar Patra avatar
    31 posts
    Member since:
    Jan 2010

    Posted 27 Mar 2010 Link to this post

    Hi Demo,
                I am using custom skin for radmenu.its working very fine.but now i got a problem.Actually now i am adding 28 submenu items in menuitems.at the time it's very long thats it going to down of the page.so i want to place the arrow button on down side of that menu.is it possible to do ? if it possible then please help me and give some suggestion to how to do.pls pls help me.

    I send u the snapshot of that menu,pls see it and also css code.

                                                                                        Thank You



    Css Code of radmenu:
    ------------------------------

    RadMenu_Metier

     

    .rmText

     

    {

     

    background-image: url('Menu/rmSprite.gif');

     

     

    background-color: transparent;

     

     

    padding-left:4px !important;

     

     

    padding-right:1px !important;

     

    }

    .RadMenu_Metier

     

    .rmRootGroup

     

    {

     

    background-color: #fff;

     

    }

    /* <Root items> */

    .RadMenu_Metier

     

    , .RadMenu_Metier .rmLink

     

    {

     

    font: normal 1em/15px "Segoe UI" , Verdana;

     

     

    color: #666;

     

     

    text-decoration: none;

     

    }

    .RadMenu_Metier

     

    .rmLink, .RadMenu_Metier .rmText

     

    {

     

    background-position: 0 1050px;

     

     

    background-repeat: no-repeat;

     

    }

    .RadMenu_Metier

     

    .rmLink:hover, .RadMenu_Metier .rmFocused, .RadMenu_Metier .rmSelected

     

    {

     

    color: #F27123;

     

    }

    .RadMenu_Metier

     

    .rmExpanded, .RadMenu_Metier .rmExpanded:hover

     

    {

     

    color: #F27123;

     

    }

    .RadMenu_Metier

     

    .rmDisabled, .RadMenu_Metier .rmDisabled:hover

     

    {

     

    color: #919180;

     

    }

    .RadMenu_Metier

     

    .rmDisabled:hover, .RadMenu_Metier .rmDisabled:hover .rmText

     

    {

     

    background: none;

     

    }

    /* </Root items> */

    /* <Submenu items> */

    .RadMenu_Metier

     

    .rmGroup, .RadMenu_Metier .rmGroup .rmLink

     

    {

     

    color: #666666;

     

     

    font:normal 10px "Segoe UI" , Verdana;

     

     

    border-bottom: #CCCCCC 1px dotted;

     

     

    line-height: 17px;

     

     

    text-align: left;

     

     

    padding-right:1px !important;

     

    }

    .RadMenu_Metier

     

    .rmGroup, .RadMenu_Metier .rmGroup .rmLink:hover

     

    {

     

    color: #F27123;

     

     

    cursor:pointer;

     

    }

    .RadMenu_Metier

     

    .rmGroup, .RadMenu_Metier .rmGroup .rmVertical

     

    {

     

    background-color: #fff;

     

     

    text-align: left;

     

     

    margin: 0 0 0 0 !important;

     

     

    padding: 0 !important;

     

     

    position: absolute;

     

     

    list-style:none;

     

     

    border-top: 2px solid #F27123;

     

     

    border-left: #CCCCCC 1px solid;

     

     

    border-right: #CCCCCC 1px solid;

     

     

    border-bottom: 2px solid #CCCCCC;

     

     

    text-transform: uppercase;

     

     

    z-index: 100;

     

    }

    .RadMenu_Metier

     

    .rmGroup .rmExpanded, .RadMenu_Metier .rmGroup .rmExpanded:hover

     

    {

     

    color: #F27123;

     

     

    cursor:default;

     

    }

    .RadMenu_Metier

     

    .rmGroup .rmDisabled, .RadMenu_Metier .rmGroup .rmDisabled:hover

     

    {

     

    color: #919180;

     

    }

    /* <expand arrows> */

    .RadMenu_Metier

     

    .rmGroup .rmExpandRight, .RadMenu_Metier .rmGroup .rmExpandDown

     

    {

     

    background: url( 'Menu/arrow_next.gif' ) no-repeat right;padding-right:30px !important;

     

    }

    /* </Submenu items> */

    /* <Submenu offsets (Sunset - specific, overlapping submenus)> */

    .RadMenu_Metier

     

    .rmSlide

     

    {

     

    margin: 0 0 0 0;

     

    }

    .RadMenu_Metier

     

    .rmVertical .rmSlide, .RadMenu_Metier .rmSlide .rmSlide, .RadMenu_Metier_Context .rmGroup .rmSlide

     

    {

     

    margin-left:-4px;

     

    }

    /* </Submenu offsets> */

    /* </RadMenu / Metier> */




    pls help me ,it's very urgent to me.....
  10. T. Tsonev
    Admin
    T. Tsonev avatar
    2772 posts

    Posted 31 Mar 2010 Link to this post

    Hello Anil,

    You can enable scrolling by setting height of the menu group. Please, see this example:

    http://demos.telerik.com/aspnet-ajax/menu/examples/functionality/scrolling/defaultcs.aspx

    I hope this helps.

    Kind regards,
    Tsvetomir Tsonev
    the Telerik team

    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.
  11. Anil Kumar Patra
    Anil Kumar Patra avatar
    31 posts
    Member since:
    Jan 2010

    Posted 01 Apr 2010 Link to this post

    Hi Tsvetomir Tsonev,
     Thank you for ur replyand its working fine.one another isssue came ,when i make the browser in restore mode then the sub menu is comes on left hand side instead of right side and there is some 2-3px gap is there but i dont want to that gap.so please give some suggestion to clear that issue.
                i am also sending u that snapshot.pls see it.Again thanks to u for ur co-operation.



    Regards
    Anil
  12. T. Tsonev
    Admin
    T. Tsonev avatar
    2772 posts

    Posted 06 Apr 2010 Link to this post

    Hi,

    I think the gap is caused by this CSS rule:

    .RadMenu_Metier .rmVertical .rmSlide, .RadMenu_Metier .rmSlide .rmSlide, .RadMenu_Metier_Context .rmGroup .rmSlide
    {
        margin-left:-4px;
    }

    Removing it should fix it.

    Regards,
    Tsvetomir Tsonev
    the Telerik team

    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.
  13. Anil Kumar Patra
    Anil Kumar Patra avatar
    31 posts
    Member since:
    Jan 2010

    Posted 21 Apr 2010 Link to this post

    Hi Tsvetomir Tsonev,
                    Thank you for ur reply and it's working fine but sorry to say you peoples are taken so many times to give response.At the time i am facing so many problem.ok but thanks so much.
                        I have another problem raises,that is i was used custom skin for radeditor and radeditor skin also working fine.but when i am clicking on the image editor from radeditor then radwindow appears and there two menu is there i.e filename and size,on that menu the background image is not appearing also that spin button and after clicking on the upload button then another window appearing but no skin file is applied for that one,its appearing just blank and when i right click on the folder then menu also not appering.i am facing so many problems,what should i do for this.i had used custom skin for radmenu,radwindow and radupload etc.on outside all i.e menu(in grid filter also),upload ,and window working fine but in radeditor its not working.
                        I am sending u the snapshot of radeditor and runnable css which i had used.pls check for me.it's too urgent to me.pls give me response.In image snapshot  upload is the another radwindow but its not appering but before radwindow is appearing.pls pls pls help me.Thank u Advancely to you.
    css for Radeditor:
    =============

    /* RadEditor for ASP.NET AJAX Sunset Skin */

    .Sunset.RadEditor
    {
        background-color: #f6d491;
    }

    /* reWrapper */
    .Sunset.reWrapper
    {
        border: solid 1px #f6d491;
    }

    .Sunset.RadEditor .reContentCell
    {
        border: solid 1px #f6d491;
    }

    /* common settings for .reModule, .reEditorModes and .reWrapper */
    .Sunset.reColorPicker,
    .Sunset.reInsertTable,
    .Sunset.reDropDownBody,
    .Sunset.reCustomLinks a:hover
    {
     border: solid 1px #f6d491;
    }

    .Sunset.reDropDownBody table
    {
        background: transparent;
    }

    .Sunset.RadEditor .reModule,
    .Sunset.RadEditor .reEditorModes,
    .Sunset.RadEditor .reWrapper
    {
     background-color: #f6d491;
    }

    /*NEW: Only in the Bottom zone - where the Statistics module is commonly set, remove uppper border, because it looks ugly*/
    .Sunset.RadEditor .reBottomZone .reModule
    {
        border-top: 0;
    }

    .Sunset.RadEditor .reModule
    {
        border-top: solid 1px #f6d491; 
    }

    .Sunset.reCustomLinks a,
    .Sunset.reCustomLinks a:link,
    .Sunset.reCustomLinks a:visited
    {
        border: solid 1px #fff; /* should be the same as the background of the dropdown */
        color: #5c5c5c !important;
    }

    .Sunset.reCustomLinks a:hover
    {
        background-color: #f7f0b1;
        border: solid 1px #ca9a3e;
        color: #863d02;
    }
    /* end of module */

    .reToolbar li
    {
        background-image:url('Editor/ToolbarSprites.gif');
        background-position: 0 -26px;
        color: #000;
    }

    .Sunset .reSpinBox a
    {
        background-image: url('Editor/ToolbarSprites.gif');
        -moz-user-select: none;
        outline: none;
    }

    /* separator */
    .reToolbar.Sunset .reSeparator
    {
        background-position: center -148px;
        background-image: url('Editor/ToolbarSprites.gif');
    }

    /* common settings for left and right grip */
    .reToolbar.Sunset .reGrip
    {
     background-image: url('Editor/ToolbarSprites.gif');
    }

    /* reTool */
    .reTool span
    {
        background-image: url('Editor/CommandSpritesLight.png');
    }

    /* IE6 does not support PNG alpha channel, so we use gifs for the command sprites instead */
    * html .reTool span,
    * html .reTool_text span,
    * html .reTlbVertical .reTool_text span,
    * html .reToolbar .reSplitButton.reTool_text span
    {
        _background-image: url('Editor/CommandSpritesLightIE6.gif');
    }

    .reDialog .reTool,
    .reModule .reTool
    {
        background-image: url('Editor/ToolbarSprites.gif');
        background-position: 0 -242px;
    }

    .reDialog .reTool:hover,
    .reToolbar .reTool:hover,
    .reModule .reTool:hover
    {
        background-image: url('Editor/ToolbarSprites.gif');
        background-position: 0 -52px;
    }

    .reToolbar .reTool.reTool_selected,
    .reToolbar .reTool.reTool_selected:hover
    {
        background-image: url('Editor/ToolbarSprites.gif');
        background-position: 0 -124px;
        background-repeat: no-repeat;
    }

    /* .reTool_text */
    .reToolbar .reTool_text span
    {
        background-image: url('Editor/CommandSpritesLight.png');
    }

    .reToolbar .reTool_text:hover
    {
        background-image: url('Editor/ToolbarSprites.gif');
        background-repeat: repeat-x;
        background-position: 0 -100px;
        margin-left: 0;
        margin-right: 0;
        border-left: solid 1px #878787;
        border-right: solid 1px #878787;
    }

    .reToolbar .reTool_text.reTool_selected,
    .reToolbar .reTool_text.reTool_selected:hover
    {
        background-image: url('Editor/ToolbarSprites.gif');
        background-repeat: repeat-x;
        background-position: 0 -174px;
        margin-left: 0;
        margin-right: 0;
        border-left: solid 1px #878787;
        border-right: solid 1px #878787;
    }

    /* these settings will not be included in the common CSS file of RadEditor */
    .reToolbar .reTool_text.reTool_disabled,
    .reToolbar .reTool_text.reTool_disabled:hover
    {
        margin-left: 0;
        margin-right: 0;
        border: 0;
    }
    /* end of reTool_text */

    .reTool.reSplitButton:hover
    {
        background: url('Editor/ToolbarSprites.gif') no-repeat 0 -76px;
    }

    /* add weight to the selector for IE6 so it is applied */
    * html .reToolbar .reTool.reSplitButton:hover
    {
        background: url('Editor/ToolbarSprites.gif') no-repeat 0 -76px;
    }

    .Sunset .reTool .split_arrow
    {
        background-image: url('Editor/ToolbarSprites.gif');
        background-position: -28px -362px;
    }

    .Sunset .reSplitButton.reTool_text .split_arrow
    {
        background-image: url('Editor/ToolbarSprites.gif');
        background-position: -28px -362px;
    }

    /* add weight to the selector for IE6 so it is applied */
    * html .Sunset .reToolbar .reTool_text .split_arrow
    {
        background-image: url('Editor/ToolbarSprites.gif');
        background-position: -28px -362px;
    }

    /* add weight to the selector for IE6 so it is applied */
    * html .reToolbar .reTool_text:hover
    {
        background: url('Editor/ToolbarSprites.gif');
        background-position: 0 -100px;
    }

    .reDialog .reTool.reSplitButton,
    .reModule .reTool.reSplitButton
    {
        background-image: url('Editor/ToolbarSprites.gif');
        background-position: 0 -218px;
    }

    .reDialog .reTool.reSplitButton:hover,
    .reModule .reTool.reSplitButton:hover
    {
        background-position: 0 -76px;
    }

    /* add weight to the selector for IE6 so it is applied */
    * html .reToolbar .reTool.reSplitButton.reTool_disabled:hover
    {
        background: none;
    }
    /* end of reSplitButton */

    /* reDropdown */
    .reDropdown:link,
    .reDropdown:visited
    {
        color: black !important;
    }

    .reDropdown,
    .reTool_disabled.reDropdown:hover
    {
        border: solid 1px #898772;
        background-color: #fff;
        background-image: url('Editor/ToolbarSprites.gif') !important;
        background-position: right -360px !important;
    }

    .reDropdown:hover
    {
        border: solid 1px #fcb324;
        background-image: url('Editor/ToolbarVerticalSprites.gif') !important;
        background-position: right 0 !important;
    }

    /* add weight to the selector for IE6 so it is applied */
    * html .reTool_disabled.reDropdown
    {
        background-image: url('Editor/ToolbarSprites.gif')t;
        background-position: right -380px;
        background-repeat: no-repeat;
    }
    /* end of reDropdown */

    /* vertical toolbar */
    .RadEditor.Sunset .reTlbVertical li
    {
        background-image: url('Editor/ToolbarVerticalSprites.gif');
        background-repeat: repeat-y;
        background-position: -26px 0;
    }

    .RadEditor.Sunset .reTlbVertical .reToolbar.Sunset .reGrip
    {
        background-image: url('Editor/ToolbarVerticalSprites.gif');
    }

    .RadEditor.Sunset .reTlbVertical .reToolbar.Sunset .grip_first
    {
        background-position: 0 0;
    }

    .RadEditor.Sunset .reTlbVertical .reToolbar.Sunset .grip_last
    {
        background-position: 0 -4px;
    }

    .RadEditor.Sunset .reTlbVertical .reToolbar.Sunset .reSeparator
    {
        background-image: url('Editor/ToolbarVerticalSprites.gif');
        background-position: -100px -12px;
    }

    .reTlbVertical .reTool:hover,
    .reTlbVertical .reTool_text.reSplitButton:hover,
    .reTlbVertical .reTool_text:hover
    {
        background-image: url('Editor/ToolbarVerticalSprites.gif');
        background-position: -76px 0;
    }

    /* add weight to the selector for IE6 so it is applied */
    * html .reTlbVertical .reTool_text:hover
    {
     background-image: url('Editor/ToolbarVerticalSprites.gif');
        background-repeat: no-repeat;
        background-position: -76px 0;
    }

    .reTlbVertical .reTool.reTool_selected,
    .reTlbVertical .reTool_text.reTool_selected,
    .reTlbVertical .reTool_text.reTool_selected:hover
    {
        background-image: url('Editor/ToolbarVerticalSprites.gif');
        background-position: -52px 0;
    }

    /* add weight to the selector for IE6 so it is applied */
    * html .reTlbVertical .reSplitButton:hover
    {
        background-image: url('Editor/ToolbarVerticalSprites.gif');
        background-position: -76px 0;
        background-repeat: no-repeat;
    }
    /* end of vertical toolbar */

    .reDropDownBody .reTlbVertical ul li a:hover
    {
        background-image: url('Editor/ToolbarVerticalSprites.gif');
        background-position: -602px 0;
    }

    /* InsertTable itself is a kind of tool strip, so it must be styled as a toolstrip */
    .Sunset.reInsertTable
    {
        background-color: #ccc;
    }

    .reDropDownBody .reTlbVertical .reToolbar
    {
        background-image: url('Editor/ToolbarVerticalSprites.gif');
        background-color: #ccc;
        background-position: -126px 0;
    }
    /* end of context menu and toolstrip */

    /* spinbox */
    .Sunset table.reSpinBox
    {
     border: solid 1px #898772;
     background: white;
    }

    .Sunset table.reSpinBox:hover
    {
        border: solid 1px #fec14b;
    }

    .Sunset .reSpinBoxIncrease
    {
     background-position:-2px -200px;
    }

    .Sunset .reSpinBoxIncrease:hover
    {
     background-position: 0 -206px;
    }

    .Sunset .reSpinBoxDecrease
    {
     background-position: -14px -202px;
    }

    .Sunset .reSpinBoxDecrease:hover
    {
     background-position: -11px -206px;
    }
    /* end of spinbox */

    /* editor input elements */
    .Sunset.RadEditor input
    {
     border: solid 1px #898772;
     background: white;
    }

    .Sunset.RadEditor input:hover
    {
        border: solid 1px #44a41f;
    }
    /* editor input elements */

    /* editing modes */
    .Sunset .reMode_selected
    {
        background-image: url('Editor/ToolbarVerticalSprites.gif');
        background-position: -948px 0;
    }
    /* end of editing modes */

    /* DOM inspector */
    .Sunset .reModule_domlink_selected,
    .Sunset .reModule_domlink
    {
        color: black;
    }
    /* end of DOM inspector */

    .Sunset.reDropDownBody .reItemOver
    {
     background: #fec14b;
     color: #279500;
    }
    /* end of expanded dropdowns */

    * html .reTool_selected.reTool
    {
        border-left-width: 0 !important;
        border-right-width: 0 !important;
    }

    /* color picker */
    .Sunset.reColorPicker table div
    {
     border: solid 1px #c5c5c5;
    }

    .Sunset.reColorPicker table td.reItemOver div
    {
     border-color: #000;
    }

    .Sunset.reColorPicker span
    {
     border: solid 1px #c5c5c5;
    }
    /* end of color picker */

    /* ajax spellchecker */
    .reAjaxspell_button
    {
        border: solid 1px #958a85;
        background: #e1dac7;
        color: #958a85;
    }

    .Sunset .reAjaxSpellCheckSuggestions table
    {
        border-width: 0;
        width: 100%;
    }

    .Sunset .reAjaxSpellCheckSeparator
    {
        background-color: #979797;
    }
    /* ajax spellchecker */

    /* custom links */
    .Sunset.reCustomLinks,
    .Sunset.reCustomLinks ul
    {
     color: #000;
    }

    .Sunset.reCustomLinks a
    {
        background: none transparent;
        color: black;
     cursor: default !important;
    }

    .Sunset.reCustomLinks a:hover
    {
        color: white;
    }
    /* end of custom links */

    /* insert table dropdown */
    .reInsertTable table
    {
        background: #ffffff;
    }

    .reInsertTable table td
    {
        border: solid 1px #828282;
        background: white;
    }

    .reInsertTable .reTlbVertical ul
    {
        background-color: #ffffff;
    }

    .Sunset.reDropDownBody.reInsertTable div.reTlbVertical a.reTool_text,
    .Sunset.reDropDownBody.reInsertTable div.reTlbVertical a.reTool_text:link,
    .Sunset.reDropDownBody.reInsertTable div.reTlbVertical a.reTool_text:visited
    {
        color: black !important;
        background: transparent none;
        _background: none !important;
    }

    .Sunset.reDropDownBody.reInsertTable div.reTlbVertical a.reTool_text:hover
    {
        background: url('Editor/ToolbarVerticalSprites.gif');
        background-position: -1403px 0;
    }

    .reInsertTable .reTlbVertical ul .reTool_text span
    {
        background-image: url('Editor/CommandSpritesLight.png');
        background-position: -3575 center;
    }

    .reInsertTable .reToolbar li .reTool:hover
    {
        background-image: url('Editor/ToolbarSprites.gif');
        background-position: 0 -52px;
    }
    /* end of insert table dropdown */

    /* modules selector */
    .reModule_visible_icon,
    .reModule_hidden_icon
    {
     display: block;
     float: left;
     height: 18px;
     width: 18px;
     background-image: url('Editor/CommonIcons.gif');
     background-repeat: no-repeat;
    }

    .reModule_visible_icon
    {
     background-position: -8px -199px;
    }

    .reModule_hidden_icon
    {
     background-position: -8px -103px;
     
    }
    /* end of modules selector */

    /* resize cell */
    .reResizeCell div
    {
        background-image: url('Editor/ToolbarSprites.gif');
        background-position: center -301px;
    }

    /* reTool_disabled */
    .reDialog .reTool_disabled,
    .reDialog .reTool_disabled:hover,
    .reToolbar .reTool_disabled,
    .reToolbar .reTool_disabled:hover,
    .reModule .reTool_disabled,
    .reModule .reTool_disabled:hover
    {
        filter: alpha(opacity=40);
        opacity: .4;
        -moz-opacity: .4;
        background-image: none;
    }
    /* reTool_disabled */

    /* the rule below styles RadWindow's content cell, which is used in the floating and show on focus toolbar modes */
    .RadWindow_Sunset.reToolbarWindow td.rwWindowContent
    {
        background-color: #f6d491;
    }

  14. Anil Kumar Patra
    Anil Kumar Patra avatar
    31 posts
    Member since:
    Jan 2010

    Posted 22 Apr 2010 Link to this post

    Hi telerik,
                i was used custom skin for radeditor and also its working fine,but when i am going to upload an image then there upload controlis appearing including select,remove and add buttons but textbox of upoad control is not appearing ,its displaying blank and also upload and insert,cancel button's css also not displaying,it's just displaying like a link button.so what's the problem there,pls give me some suggestion.

    Thank You



    Regards
    Anil
  15. Georgi Tunev
    Admin
    Georgi Tunev avatar
    7207 posts

    Posted 26 Apr 2010 Link to this post

    Hi Anil,

    I have already answered in your forum thread. For convenience I am pasting my reply below:

    Make sure that the CSS is actually loaded - you could use Fiddler or Firebug to check that. Also, note that in IE you have a limit of 32 stylesheets that you could load in an page - if you have more, you will need to reduce their number.
    If this doesn't help or you add less than 32 stylesheets and the problem still exists, please open a support ticket and send us a sample project that we could check.


    Greetings,
    Georgi Tunev
    the Telerik team

    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.
  16. Anil Kumar Patra
    Anil Kumar Patra avatar
    31 posts
    Member since:
    Jan 2010

    Posted 13 May 2010 Link to this post

    Hai Telerik,
                Hai I am using Form template for update and insert.With in form template i placed two buttons for insert and cancel.when i click add record it displays form template and after inserting,record is inserted in to db but that form is not closed.I tried so many times but i didn't get anything.pls give me some idea.

    Below i send u my code :
    ---------------------------------

     <telerik:RadGrid ID="RadGrid1" runat="server" EnableEmbeddedSkins="true" Skin="Sunset"
                DataSourceID="ObjectDataSource1" AutoGenerateColumns="False" GridLines="None"
                OnInsertCommand="RadGrid1_InsertCommand" OnItemCommand="RadGrid1_ItemCommand"
                OnUpdateCommand="RadGrid1_UpdateCommand">
                <MasterTableView DataSourceID="ObjectDataSource1" EditMode="EditForms" DataKeyNames="Empno"
                    CommandItemDisplay="Top">
                    <CommandItemSettings AddNewRecordText="Add Emp Information" />
                    <Columns>
                        <telerik:GridBoundColumn DataField="Empno" HeaderText="Empno" UniqueName="Empno">
                        </telerik:GridBoundColumn>
                        <telerik:GridTemplateColumn DataField="Ename" HeaderText="Ename" UniqueName="Ename">
                            <ItemTemplate>
                                <asp:Label ID="lbl_Ename" runat="server" Text='<%# Eval("Ename") %>'></asp:Label>
                            </ItemTemplate>
                        </telerik:GridTemplateColumn>
                        <telerik:GridTemplateColumn DataField="Manager" HeaderText="Manager" UniqueName="Manager">
                            <ItemTemplate>
                                <asp:Label ID="lbl_Manager" runat="server" Text='<%# Eval("Manager") %>'></asp:Label>
                            </ItemTemplate>
                        </telerik:GridTemplateColumn>
                        <telerik:GridTemplateColumn DataField="Designation" HeaderText="Designation" UniqueName="Designation">
                            <ItemTemplate>
                                <asp:Label ID="lbl_Designation" runat="server" Text='<%# Eval("Designation") %>'></asp:Label>
                            </ItemTemplate>
                        </telerik:GridTemplateColumn>
                        <telerik:GridTemplateColumn DataField="Salary" HeaderText="Salary" UniqueName="Salary">
                            <ItemTemplate>
                                <asp:Label ID="lbl_Salary" runat="server" Text='<%# Eval("Salary") %>'></asp:Label>
                            </ItemTemplate>
                        </telerik:GridTemplateColumn>
                        <telerik:GridTemplateColumn DataField="Salary" HeaderText="Salary" UniqueName="Salary">
                            <ItemTemplate>
                                <asp:Label ID="lbl_Deptno" runat="server" Text='<%# Eval("Deptno") %>'></asp:Label>
                            </ItemTemplate>
                        </telerik:GridTemplateColumn>
                        <telerik:GridTemplateColumn DataField="MgrNo" HeaderText="MgrNo" UniqueName="MgrNo">
                            <ItemTemplate>
                                <asp:Label ID="lbl_MgrNo" runat="server" Text='<%# Eval("MgrNo") %>'></asp:Label>
                            </ItemTemplate>
                        </telerik:GridTemplateColumn>
                        <telerik:GridEditCommandColumn ButtonType="ImageButton">
                        </telerik:GridEditCommandColumn>
                    </Columns>
                    <EditFormSettings EditFormType="Template">
                        <FormTemplate>
                            <div>
                                <table width="100%" style="height: 300px">
                                    <tr>
                                        <td align="left">
                                            <asp:Label ID="lbl_name" runat="server" Text="Employee Name"></asp:Label>
                                        </td>
                                        <td>
                                            :
                                        </td>
                                        <td>
                                            <asp:TextBox ID="txt_name" runat="server"></asp:TextBox>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td align="left">
                                            <asp:Label ID="lbl_mng" runat="server" Text="Manager"></asp:Label>
                                        </td>
                                        <td>
                                            :
                                        </td>
                                        <td>
                                            <asp:TextBox ID="txt_manager" runat="server"></asp:TextBox>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td align="left">
                                            <asp:Label ID="lbl_desg" runat="server" Text="Designation"></asp:Label>
                                        </td>
                                        <td>
                                            :
                                        </td>
                                        <td>
                                            <asp:TextBox ID="txt_desg" runat="server"></asp:TextBox>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td align="left">
                                            <asp:Label ID="lbl_sal" runat="server" Text="Salary"></asp:Label>
                                        </td>
                                        <td>
                                            :
                                        </td>
                                        <td>
                                            <asp:TextBox ID="txt_sal" runat="server"></asp:TextBox>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td align="left">
                                            <asp:Label ID="lbl_dno" runat="server" Text="Dept no"></asp:Label>
                                        </td>
                                        <td>
                                            :
                                        </td>
                                        <td>
                                            <asp:TextBox ID="txt_dno" runat="server"></asp:TextBox>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td align="left">
                                            <asp:Label ID="lbl_mno" runat="server" Text="Manager no"></asp:Label>
                                        </td>
                                        <td>
                                            :
                                        </td>
                                        <td>
                                            <asp:TextBox ID="txt_mno" runat="server"></asp:TextBox>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <asp:Button ID="btn_insert" CommandName="Insert" runat="server" Text="Insert" />
                                            <asp:Button ID="btn_cancel" runat="server" CommandName="Cancel" Text="Cancel" />
                                        </td>
                                    </tr>
                                </table>
                            </div>
                        </FormTemplate>
                    </EditFormSettings>
                </MasterTableView>
            </telerik:RadGrid>
            <asp:ObjectDataSource ID="ObjectDataSource1" runat="server" SelectMethod="Get_Emp_information"
                TypeName="Check_Output1"></asp:ObjectDataSource>



    In server side:
    --------------------

    protected void RadGrid1_ItemCommand(object source, Telerik.Web.UI.GridCommandEventArgs e)
        {
            if (e.CommandName == "Insert")
            {
                //e.Canceled = true;
                GridEditFormInsertItem insert_item = e.Item as GridEditFormInsertItem;
                string name = (insert_item.FindControl("txt_name") as TextBox).Text;
                string manager = (insert_item.FindControl("txt_manager") as TextBox).Text;
                string desg = (insert_item.FindControl("txt_desg") as TextBox).Text;
                string sal = (insert_item.FindControl("txt_sal") as TextBox).Text;
                string dno = ((insert_item.FindControl("txt_dno") as TextBox).Text);
                int mno = Convert.ToInt32((insert_item.FindControl("txt_mno") as TextBox).Text);
                int output = _obj_check_output.Insert_Record(name, manager, desg, sal, dno, mno);
                e.Canceled = true;
                RadGrid1.EditIndexes.Clear();
                RadGrid1.Rebind();
            }
            if (e.CommandName == "Cancel")
            {
                RadGrid1.MasterTableView.ClearEditItems();
            }
        }
  17. Dimo
    Admin
    Dimo avatar
    8332 posts

    Posted 14 May 2010 Link to this post

    Hello Anil Kumar Patra,

    First of all, I kindly ask you to not post irrelevant questions in the forum thread - this thread is about custom skins. This question should be posted in a new forum thread.

    The problem is caused by:

    e.Canceled = true;

    You also don't need these two next lines:

    RadGrid1.EditIndexes.Clear();
    RadGrid1.Rebind();


    Dimo
    the Telerik team

    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.
  18. Anil Kumar Patra
    Anil Kumar Patra avatar
    31 posts
    Member since:
    Jan 2010

    Posted 19 May 2010 Link to this post

    Hi Dimo,
             Thank you for ur reply and that problem was solved and sorry for irrevalent qns putted in this thread.Yeah Dimo i used custom skin for radgrid and each and every thing is working fine but when i gave gridlines property to Radgrid then Gridlines is not appearing.
    how to solve this problem  in custom skin ,pls give me some idea .


    Thank You
    Anil
  19. Dimo
    Admin
    Dimo avatar
    8332 posts

    Posted 19 May 2010 Link to this post

    Hi Anil,

    The GridLines ASP.NET property uses an obsolete rules HTML attribute, which cannot override the border styles in the skin. GridLines should be used only when no skin is used at all.

    In your case please refer to:

    http://www.telerik.com/community/code-library/aspnet-ajax/grid/how-to-add-or-remove-radgrid-borders.aspx

    Best wishes,
    Dimo
    the Telerik team

    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017