Telerik Forums
UI for ASP.NET AJAX Forum
8 answers
85 views
Hello:
       I am working on a project to change the color of the controls using Visual Style Builder then wrap it into dll using the Skin Assembly Builder. I use the Skin Assembly Builder a lot each day. However, after using the Skin Assembly Builder for several hours, it began to give me an error message saying "Server Error in '/' Application.". It happens to me almost every day for the past a few days. I am wondering if there is a maximum usage for the Skin Assembly Builder? If so, is there a way that I can do about it?

Thank you very much!
Elizabeth
Rumen
Telerik team
 answered on 26 Oct 2020
1 answer
51 views

Hi,

I am updating some old telerik components to a newer version, now I downloaded the latest version of the "vista" skin and set my preferred color in one of the components and pressed saved all. It looked like all the sprite where converted the asked color set. However the only sprites which don't seem to have the correct color are the ones in the "common" folder, they are still the default color of the theme "blueish". How do I obtain the sprites in the common folder for my preferred color?

Attila Antal
Telerik team
 answered on 16 Aug 2019
5 answers
180 views
Hi there,

I am looking for some advice on the best way to go forward with adding a new custom skin to our project. We are looking to modify the built-in bootstrap skin to match our bootstrap customisation. We would like to be able to:
- Build from scss - so we can use the same scss variables etc we use for our bootstrap customisation
- Have a good way to merge updates to the built-in bootstrap skin into our custom skin so that if controls are added or changed we can easily keep our skin up to date

So far we have come up with the following workflow:
- Create a new skin repository containing the Bootstrap and Common folders from the Telerik Skin Source
- Create a branch off that repository and rename and modify the Bootstrap with our customisations
- Add a build task to compile the sass and place in zip along with the image folders in the Bootstrap folders
- Pass through the skins assembly builder to create a dll to include in our web application

This approach means when there is an update to the telerik controls we can update the master of the skin repository with the changes, and then merge out to the skin branch and resolve any conflicts.

The issue we are running into is that the compiled SASS from the telerik source has already subbed out the image url references with WebResource tags, so we cannot then pass through the Skin's Assembly builder without error.

We are looking for some advice on this, so far the ideas we have come up with are:
1. Updated our scss build task to add a job to revert the WebResource entries back to their url counterparts (so they can then be converted back in the Skin's Assembly Builder)
2. Obtain the source of the Skin's Assembly Builder and remove the parts that sub out the urls with WebResource entries.

The second option is the preferred and we had a look at the source provided by Alain in this post: http://www.telerik.com/forums/tool-for-embedding-custom-skins-into-an-assembly
Unfortunately it does not seem to be up to date as even running output through it straight from the Visual Style Builder does not produce valid css in the dll.

Is there another obvious way to carry out a task such as this? and is the source for the Skin's Assembly Builder available anywhere?

Kind Regards,
Daniel
Attila Antal
Telerik team
 answered on 16 Aug 2019
1 answer
96 views

I have a button and href :

   <telerik:RadButton RenderMode="Lightweight" ID="cbxBritani" runat="server" ToggleType="CheckBox" Skin="Britani" EnableEmbeddedSkins="false"
        ButtonType="LinkButton" Checked="true" OnClick="btnToggle_Click">
        <ToggleStates>
            <telerik:RadButtonToggleState Text="Britani" Selected="true" PrimaryIconCssClass="rbToggleCheckboxChecked p-i-checkbox-checked" />
            <telerik:RadButtonToggleState Text="Britani" PrimaryIconCssClass="rbToggleCheckbox p-i-checkbox" />
        </ToggleStates>
    </telerik:RadButton>

<link href="~/Skins/Britani/Button.Britani.css" rel="stylesheet" type="text/css" />

I used VSB to build and download but the style is not being applied in the ascx, I have attached the .css that VSB downloaded, in it i do not see the color I applied in the screenshot of the VSB "#ff1eff"

.RadButton_Britani {
    font-family: "Segoe UI",Arial,Helvetica,sans-serif;
    font-size: 12px
}
    .RadButton_Britani.rbSkinnedButton, .RadButton_Britani .rbDecorated, .RadButton_Britani .rbSecondaryIcon, .RadButton_Britani.rbVerticalButton, .RadButton_Britani.rbVerticalButton .rbDecorated {
        background-image: none;
        font-family: "Segoe UI",Arial,Helvetica,sans-serif;
        font-size: 12px
    }
    .RadButton_Britani.rbSkinnedButton {
        padding-left: 6px
    }
        .RadButton_Britani.rbSkinnedButton .rbSecondary {
            padding-right: 27px
        }
        .RadButton_Britani.rbSkinnedButton .rbDecorated {
            margin-left: -4px
        }
        .RadButton_Britani.rbSkinnedButton:active .rbDecorated, .RadButton_Britani.rbSkinnedButtonChecked .rbDecorated, .RadButton_Britani.rbSkinnedButtonChecked.rbHovered .rbDecorated {
            color: #ffffff
        }
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .RadButton_Britani.RadButton input.rbDecorated, .RadButton_Britani.RadButton input.rbDecorated, .RadButton_Britani.RadButton input.rbDecorated:active, .RadButton_Britani.RadButton input.rbDecorated:focus {
        background-color: transparent;
        border: 0 none
    }
}
.RadButton_Britani.rbLinkButton .rbSecondary {
    padding-right: 15px
}
.RadButton_Britani .rbSplitRight, .RadButton_Britani .rbSplitLeft {
    background-image: url('Button/ButtonSprites.gif')
}
.RadButton_Britani .rbSplitRight, .RadButton_Britani.rbLinkButton .rbSplitRight {
    background-position: -1px 0;
    border-left: 1px solid #cdcdcd
}
.RadButton_Britani.rbLinkButton.rbDisabled .rbSplitRight {
    background-position: 1px 0
}
.RadButton_Britani.rbLinkButton .rbSplitRight {
    border-left: 1px solid #cdcdcd
}
    .RadButton_Britani .rbSplitRight.rbHovered, .RadButton_Britani.rbLinkButton .rbSplitRight.rbHovered {
        background-color: #e8e8e8;
        border-left: 1px solid #767676
    }
    .RadButton_Britani .rbSplitRight:focus, .RadButton_Britani .rbSplitRight:active, .RadButton_Britani.rbLinkButton .rbSplitRight:focus, .RadButton_Britani.rbLinkButton .rbSplitRight:active {
        background-color: #ffbeff;
        border-left: 1px solid #ffbeff;
        background-position: -20px 0
    }
.RadButton_Britani .rbSplitLeft, .RadButton_Britani.rbLinkButton .rbSplitLeft {
    border-right: 1px solid #cdcdcd
}
.RadButton_Britani.rbLinkButton .rbSplitLeft {
    border-right: 1px solid #e5e5e5
}
    .RadButton_Britani .rbSplitLeft.rbHovered, .RadButton_Britani.rbLinkButton .rbSplitLeft.rbHovered {
        border-right: 1px solid #e8e8e8
    }
    .RadButton_Britani .rbSplitLeft:focus, .RadButton_Britani .rbSplitLeft:active, .RadButton_Britani.rbLinkButton .rbSplitLeft:focus, .RadButton_Britani.rbLinkButton .rbSplitLeft:active {
        background-color: #ffbeff;
        border-right: 1px solid #ffbeff;
        background-position: -20px 0
    }
.RadButton_Britani.rbDisabled .rbSplitLeft, .RadButton_Britani.rbDisabled .rbSplitLeft.rbHovered, .RadButton_Britani.rbDisabled .rbSplitLeft:focus, .RadButton_Britani.rbDisabled .rbSplitLeft:active, .RadButton_Britani.rbLinkButton.rbDisabled .rbSplitLeft, .RadButton_Britani.rbLinkButton.rbDisabled .rbSplitLeft.rbHovered, .RadButton_Britani.rbLinkButton.rbDisabled .rbSplitLeft:active, .RadButton_Britani.rbLinkButton.rbDisabled .rbSplitLeft:focus, .RadButton_Britani.rbDisabled .rbSplitRight, .RadButton_Britani.rbDisabled .rbSplitRight.rbHovered, .RadButton_Britani.rbDisabled .rbSplitRight:focus, .RadButton_Britani.rbDisabled .rbSplitRight:active, .RadButton_Britani.rbLinkButton.rbDisabled .rbSplitRight, .RadButton_Britani.rbLinkButton.rbDisabled .rbSplitRight.rbHovered, .RadButton_Britani.rbLinkButton.rbDisabled .rbSplitRight:active, .RadButton_Britani.rbLinkButton.rbDisabled .rbSplitRight:focus {
    background-color: transparent;
    background-position: -1px 0 !important
}
    .RadButton_Britani.rbDisabled .rbSplitLeft, .RadButton_Britani.rbDisabled .rbSplitLeft.rbHovered, .RadButton_Britani.rbDisabled .rbSplitLeft:focus, .RadButton_Britani.rbDisabled .rbSplitLeft:active, .RadButton_Britani.rbLinkButton.rbDisabled .rbSplitLeft, .RadButton_Britani.rbLinkButton.rbDisabled .rbSplitLeft.rbHovered, .RadButton_Britani.rbLinkButton.rbDisabled .rbSplitLeft:active, .RadButton_Britani.rbLinkButton.rbDisabled .rbSplitLeft:focus {
        border-right: 1px solid #cdcdcd
    }
.RadButton_Britani.rbDisabled .rbSplitRight, .RadButton_Britani.rbLinkButton.rbDisabled .rbSplitRight {
    border-left: 1px solid #cdcdcd
}
.RadButton_Britani .rbSplitLeft:focus, .RadButton_Britani .rbSplitLeft:active, .RadButton_Britani.rbLinkButton .rbSplitLeft:focus, .RadButton_Britani.rbLinkButton .rbSplitLeft:active {
    background-color: #ffbeff;
    border-right: 1px solid #ffbeff
}
.RadButton_Britani.rbVerticalButton {
    padding-left: 0
}
    .RadButton_Britani.rbVerticalButton .rbDecorated {
        padding-left: 10px
    }
        .RadButton_Britani.rbVerticalButton .rbDecorated.rbPrimary {
            padding-left: 40px
        }
.RadButton_Britani.rbSkinnedButton, .RadButton_Britani.rbVerticalButton, .RadButton_Britani .rbDecorated, .RadButton_Britani.rbVerticalButton {
    background-color: #f9f9f9;
    color: #000000
}
.RadButton_Britani.rbSkinnedButton, .RadButton_Britani.rbVerticalButton {
    border: 1px solid #cdcdcd
}
    .RadButton_Britani.rbSkinnedButton.rbHovered, .RadButton_Britani.rbVerticalButton.rbHovered, .RadButton_Britani.rbHovered .rbDecorated {
        color: #000000;
        background-color: #e5e5e5
    }
    .RadButton_Britani.rbSkinnedButton.rbHovered, .RadButton_Britani.rbVerticalButton.rbHovered {
        border: 1px solid #e8e8e8
    }
    .RadButton_Britani.rbSkinnedButton:active, .RadButton_Britani.rbVerticalButton:active, .RadButton_Britani.rbSkinnedButton:active .rbDecorated, .RadButton_Britani.rbVerticalButton:active .rbDecorated, .RadButton_Britani.rbPressedButton.rbSkinnedButton, .RadButton_Britani.rbPressedButton .rbDecorated {
        background-color: #ffbeff;
        color: #ffffff
    }
    .RadButton_Britani.rbSkinnedButton:active, .RadButton_Britani.rbVerticalButton:active {
        border: 1px solid #ffbeff
    }
.RadButton_Britani.rbSkinnedButtonChecked, .RadButton_Britani.rbSkinnedButtonChecked.rbHovered, .RadButton_Britani.rbSkinnedButtonChecked input.rbDecorated, .RadButton_Britani.rbSkinnedButtonChecked.rbHovered .rbDecorated {
    background-color: #ffbeff;
    border: 1px solid #ffbeff
}
.RadButton_Britani .rbToggleCheckbox, .RadButton_Britani .rbToggleCheckboxChecked, .RadButton_Britani .rbToggleCheckboxFilled, .RadButton_Britani .rbToggleRadio, .RadButton_Britani .rbToggleRadioChecked {
    background-image: url('Common/radFormToggleSprite.png');
    _background-image: url('Common/radFormToggleSpriteIE6.png')
}
.RadButton_Britani.RadButton.rbToggleButton, .RadButton_Britani.RadButton.rbToggleButton.rbDisabled, .RadButton_Britani.RadButton.rbToggleButton.rbDisabled.rbHovered, .RadButton_Britani.rbDisabled .rbDecorated, .RadButton_Britani.rbDisabled.rbHovered .rbDecorated {
    color: #000000
}
    .RadButton_Britani.RadButton.rbToggleButton.rbHovered {
        border: 0 none;
        color: #ffbeff
    }
    .RadButton_Britani.RadButton.rbToggleButton:active, .RadButton_Britani.RadButton.rbToggleButton:focus {
        background-color: transparent;
        border: 0
    }
.RadButton_Britani.RadButton.rbLinkButton {
    background-color: #f9f9f9;
    border: 1px solid #e5e5e5;
    text-decoration: none;
    color: #000000
}
    .RadButton_Britani.RadButton.rbLinkButton.rbHovered {
        background-color: #e8e8e8;
        border: 1px solid #e8e8e8;
        color: #000000
    }
.RadButton_Britani.RadButton:active, .RadButton_Britani.RadButton:focus, .RadButton_Britani.RadButton:focus .rbDecorated, .RadButton_Britani.RadButton.rbHovered:active, .RadButton_Britani.RadButton.rbHovered:focus, .RadButton_Britani.rbPressedButton, .RadButton_Britani.RadButton.rbPressedButton, .RadButton_Britani.RadButton.rbSkinnedButtonChecked, .RadButton_Britani.RadButton.rbSkinnedButtonChecked:hover, .RadButton_Britani.RadButton.rbLinkButtonChecked, .RadButton_Britani.RadButton.rbLinkButtonChecked:hover, .RadButton_Britani.RadButton.rbVerticalButtonChecked, .RadButton_Britani.RadButton.rbVerticalButtonChecked:hover {
    border: 1px solid #ffbeff;
    background-color: #ffbeff;
    color: #ffffff
}
    .RadButton_Britani.RadButton:active .rbDecorated, .RadButton_Britani.RadButton:focus .rbDecorated, .RadButton_Britani.RadButton.rbSkinnedButtonChecked .rbDecorated, .RadButton_Britani.RadButton.rbSkinnedButtonChecked:hover .rbDecorated, .RadButton_Britani.RadButton.rbLinkButtonChecked .rbDecorated, .RadButton_Britani.RadButton.rbLinkButtonChecked:hover .rbDecorated {
        color: #ffffff
    }
.RadButton_Britani.rbToggleButton:active .rbText, .RadButton_Britani.rbToggleButton:focus .rbText {
    color: #000000
}
.RadButton_Britani.rbSkinnedButton {
    height: 22px
}
.RadButton_Britani .rbDecorated {
    height: 20px
}
.RadButton_Britani.rbDisabled, .RadButton_Britani.rbDisabled .rbToggleCheckbox, .RadButton_Britani.rbDisabled .rbToggleCheckboxChecked, .RadButton_Britani.rbDisabled .rbToggleRadio, .RadButton_Britani.rbDisabled .rbToggleRadioChecked, .RadButton_Britani.rbDisabled .rbToggleCheckboxFilled {
    opacity: .6
}
.RadButton_Britani.rbSkinnedButton.rbDisabled, .RadButton_Britani.rbVerticalButton.rbDisabled, .RadButton_Britani.rbLinkButton.rbDisabled, .RadButton_Britani.rbLinkButton.rbDisabled.rbHovered {
    background-color: #ffffff;
    color: #000000;
    border: 1px solid #cdcdcd;
    cursor: default
}
    .RadButton_Britani.rbSkinnedButton.rbDisabled .rbDecorated, .RadButton_Britani.rbVerticalButton.rbDisabled.rbHovered .rbDecorated, .RadButton_Britani.rbVerticalButton.rbDisabled:active .rbDecorated, .RadButton_Britani.rbVerticalButton.rbDisabled:focus .rbDecorated, .RadButton_Britani.rbLinkButton.rbDisabled, .RadButton_Britani.rbLinkButton.rbDisabled.rbHovered {
        background-color: #ffffff;
        color: #000000
    }
.RadButton_Britani.RadButton.rbToggleButton.rbDisabled, .RadButton_Britani.RadButton.rbToggleButton.rbDisabled.rbHovered, .RadButton_Britani.RadButton.rbToggleButton.rbDisabled:active, .RadButton_Britani.RadButton.rbToggleButton.rbDisabled:focus {
    background-color: transparent;
    background-image: none;
    border: 0;
    height: auto
}
.RadButton_Britani.rbLinkButton.rbRounded {
    border-radius: 0
}
.RadButton_Britani .rbAdd, .RadButton_Britani .rbRemove, .RadButton_Britani .rbOk, .RadButton_Britani .rbCancel, .RadButton_Britani .rbPrevious, .RadButton_Britani .rbNext, .RadButton_Britani .rbSave, .RadButton_Britani .rbConfig, .RadButton_Britani .rbRefresh, .RadButton_Britani .rbEdit {
    background-image: url('Common/rbBasicIcons16x16Dark.png') !important
}
.RadButton_Britani .rbUpload, .RadButton_Britani .rbDownload, .RadButton_Britani .rbOpen, .RadButton_Britani .rbAttach, .RadButton_Britani .rbPrint, .RadButton_Britani .rbSearch, .RadButton_Britani .rbHelp, .RadButton_Britani .rbCart, .RadButton_Britani .rbRSS, .RadButton_Britani .rbMail, .RadButton_Britani .rbFB, .RadButton_Britani .rbTwitter {
    background-image: url('Common/rbExtendedIcons16x16Dark.png') !important
}
.RadButton_Britani .rbAdd24, .RadButton_Britani .rbRemove24, .RadButton_Britani .rbOk24, .RadButton_Britani .rbCancel24, .RadButton_Britani .rbPrevious24, .RadButton_Britani .rbNext24, .RadButton_Britani .rbSave24, .RadButton_Britani .rbConfig24, .RadButton_Britani .rbRefresh24, .RadButton_Britani .rbEdit24 {
    background-image: url('Common/rbBasicIcons24x24Dark.png') !important
}
.RadButton_Britani .rbUpload24, .RadButton_Britani .rbDownload24, .RadButton_Britani .rbOpen24, .RadButton_Britani .rbAttach24, .RadButton_Britani .rbPrint24, .RadButton_Britani .rbSearch24, .RadButton_Britani .rbHelp24, .RadButton_Britani .rbCart24, .RadButton_Britani .rbRSS24, .RadButton_Britani .rbMail24, .RadButton_Britani .rbFB24, .RadButton_Britani .rbTwitter24 {
    background-image: url('Common/rbExtendedIcons24x24Dark.png') !important
}
.RadButton_Britani.rbLinkButton {
    background-color: rgb(255, 30, 255);
}
.RadButton_Britani .rbDecorated {
    background-color: rgb(255, 30, 255);
}

Peter Milchev
Telerik team
 answered on 24 May 2018
1 answer
79 views

Hi, I created custom skin for my grid. Headers of Grid bound columns display correctly, but headers of GridTemplateColumn and GridEditCommandColumn not. css in attached file.

Thanks in advance.

Lev.

======================CSS===========================

/*global*/
.RadGrid_Report {
  border: 1px solid #8ba0bc;
  background: #fff;
   /*font: normal 12px "Segoe UI", Arial, Helvetica, sans-serif;*/
  font-family: "Lucida Sans";
  color: black !important;
  line-height: 16px; }



.RadGrid_Report .rgMasterTable, .RadGrid_Report .rgDetailTable, .RadGrid_Report .rgGroupPanel table, .RadGrid_Report .rgCommandRow table, .RadGrid_Report .rgEditForm table, .RadGrid_Report .rgPager table {
     /*font: normal 18px "Segoe UI", Arial, Helvetica, sans-serif;*/
   
    line-height: 16px; 
    color: black !important;    
    font-size: 11pt !important;   
     }


.GridToolTip_Report {
  font: normal 12px "Segoe UI", Arial, Helvetica, sans-serif;
  line-height: 16px; }

.RadGrid_Report .rgHeader:first-child, .RadGrid_Report th.rgResizeCol:first-child, .RadGrid_Report .rgFilterRow > td:first-child, .RadGrid_Report .rgRow > td:first-child, .RadGrid_Report .rgAltRow > td:first-child {
  border-left-width: 0;
  padding-left: 8px; }
.RadGrid_Report .rgSave, .RadGrid_Report .rgAdd, .RadGrid_Report .rgRefresh, .RadGrid_Report .rgEdit, .RadGrid_Report .rgDel, .RadGrid_Report .rgFilter, .RadGrid_Report .rgPagePrev, .RadGrid_Report .rgPageNext, .RadGrid_Report .rgPageFirst, .RadGrid_Report .rgPageLast, .RadGrid_Report .rgExpand, .RadGrid_Report .rgCollapse, .RadGrid_Report .rgSortAsc, .RadGrid_Report .rgSortDesc, .RadGrid_Report .rgUpdate, .RadGrid_Report .rgCancel, .RadGrid_Report .rgUngroup, .RadGrid_Report .rgExpXLS, .RadGrid_Report .rgExpDOC, .RadGrid_Report .rgExpPDF, .RadGrid_Report .rgExpCSV {
  background-image: url('Grid/sprite.png'); }

* html .RadGrid_Report .rgAdd,
* html .RadGrid_Report .rgRefresh,
* html .RadGrid_Report .rgEdit,
* html .RadGrid_Report .rgDel,
* html .RadGrid_Report .rgFilter,
* html .RadGrid_Report .rgPagePrev,
* html .RadGrid_Report .rgPageNext,
* html .RadGrid_Report .rgPageFirst,
* html .RadGrid_Report .rgPageLast,
* html .RadGrid_Report .rgExpand,
* html .RadGrid_Report .rgCollapse,
* html .RadGrid_Report .rgSortAsc,
* html .RadGrid_Report .rgSortDesc,
* html .RadGrid_Report .rgUpdate,
* html .RadGrid_Report .rgCancel,
* html .RadGrid_Report .rgUngroup,
* html .RadGrid_Report .rgExpXLS,
* html .RadGrid_Report .rgExpDOC,
* html .RadGrid_Report .rgExpPDF,
* html .RadGrid_Report .rgExpCSV,
* html .RadGrid_Report .rgHeaderDiv,
* html .RadGrid_Report .rgHeader,
* html .RadGrid_Report th.rgResizeCol,
* html .RadGrid_Report .rgSelectedRow,
* html .RadGrid_Report .rgSelectedRow.rgHoveredRow,
* html .RadGrid_Report .rgActiveRow,
* html .RadGrid_Report .rgHoveredRow,
* html .RadGrid_Report .rgFooterDiv,
* html .RadGrid_Report .rgFooter,
* html .RadGrid_Report .rgPager,
* html .RadGrid_Report .rgPager .rgPagerButton,
* html .RadGrid_Report .rgNumPart a:hover,
* html .RadGrid_Report .rgNumPart a:hover span,
* html .RadGrid_Report .rgNumPart a.rgCurrentPage,
* html .RadGrid_Report .rgNumPart a.rgCurrentPage span,
* html .GridReorderTop_Report,
* html .GridReorderBottom_Report,
* html .RadGrid_Report .rgGroupItem,
* html .RadGrid_Report .rgCommandRow {
  background-image: url('Grid/sprite.gif'); }

/*header*/
.RadGrid_Report .rgHeaderDiv {
  background: #d6e5f3 0 -8050px repeat-x url('Grid/sprite.png'); }

.rgTwoLines .rgHeaderDiv {
  background-position: 0 -7550px; }
.RadGrid_Report .rgHeader, .RadGrid_Report th.rgResizeCol, .RadGrid_Report .rgHeaderWrapper
{
background-color: #113d67;
color: #fff;
border-bottom: 2px solid #999999;
border-left: 1px solid #555555;
border-right: 1px solid #555555;
border-top: 1px solid #555555;
font-family: Lucida Sans;
font-size: 11pt;
}
.RadGrid_Report .rgHeaderDiv {
  border-right-color: #9babc2; }
.RadGrid_Report .rgMultiHeaderRow th.rgHeader, .RadGrid_Report .rgMultiHeaderRow th.rgResizeCol {
  border: solid #8ba0bc;
  border-width: 0 0 1px 1px;
  background: #bdcbde 0 -2300px repeat-x url('Grid/sprite.png');
}
.RadGrid_Report th.rgSorted {
  border-bottom-color: #c28a30;
  background-color: #fff27e;
  background-position: 0 -2600px; }

.RadGrid_Report .rgHeader, .RadGrid_Report th.rgSorted
{
font-family: Lucida Sans;
font-size: 11pt;
}
.RadGrid_Report .rgHeader a, .RadGrid_Report th.rgSorted a
{
color: #ffffff;
font-weight: bold;
}
.RadGrid_Report th.rgSorted a
{
color: #000000;
font-weight: bold;
}

.RadGrid_Report .rgRow td, .RadGrid_Report .rgAltRow td, .RadGrid_Report .rgEditRow td, .RadGrid_Report .rgFooter td {
  border-style: solid;
  border-width: 0 0 1px 1px;
}
.RadGrid_Report .rgRow td, .RadGrid_Report .rgAltRow td {
  border-color: #555555;
}
.RadGrid_Report .rgRow .rgSorted, .RadGrid_Report .rgAltRow .rgSorted {
  background-color: #ecf2f9; }
.RadGrid_Report .rgSelectedRow .rgSorted, .RadGrid_Report .rgActiveRow .rgSorted, .RadGrid_Report .rgHoveredRow .rgSorted, .RadGrid_Report .rgEditRow .rgSorted {
  background-color: transparent; }
.RadGrid_Report .rgRow a, .RadGrid_Report .rgAltRow a, .RadGrid_Report .rgEditRow a, .RadGrid_Report .rgFooter a, .RadGrid_Report .rgEditForm a {
  color: #384e73; }
.RadGrid_Report .rgMasterTable .rgSelectedCell {
  background: #f8d05c 0 -3900px repeat-x url('Grid/sprite.png'); }
.RadGrid_Report .rgSelectedRow
{
background: #f8d05c 0 -3900px repeat-x url('Grid/sprite.png');

}
  .RadGrid_Report .rgSelectedRow > td {
    
    background-position: 0 100%;
    background-repeat: repeat-x; }
  .RadGrid_Report .rgSelectedRow.rgHoveredRow {
    background: #fcebb9 0 -3200px repeat-x url('Grid/sprite.png'); }
    .RadGrid_Report .rgSelectedRow.rgHoveredRow td {
      background: #d8e4bc; }

/*rows*/
* + html .RadGrid_Report .rgSelectedRow .rgSorted, * html .RadGrid_Report .rgSelectedRow .rgSorted {
  background-color: #ffcb60; }
    .RadGrid_Report .rgRow:hover
    {  
        background: #d8e4bc;
    }
    .RadGrid_Report .rgAltRow:hover
    {  
        background: #d8e4bc;
    }
.RadGrid_Report .rgMasterTable .rgActiveCell, .RadGrid_Report .rgActiveRow, .RadGrid_Report .rgHoveredRow {
  background: #d8e4bc; }

* + html .RadGrid_Report .rgActiveRow .rgSorted, * + html .RadGrid_Report .rgHoveredRow .rgSorted {
  background-color: #ecf4ff; }
* html .RadGrid_Report .rgActiveRow .rgSorted, * html .RadGrid_Report .rgHoveredRow .rgSorted {
  background-color: #ecf4ff; }

.RadGrid_Report .rgEditRow {
  background: #ebebeb; }

* + html .RadGrid_Report .rgEditRow .rgSorted, * html .RadGrid_Report .rgEditRow .rgSorted {
  background-color: #ffe5ad; }

.RadGrid_Report .rgSelectedRow td, .RadGrid_Report .rgActiveRow td, .RadGrid_Report .rgHoveredRow td, .RadGrid_Report .rgEditRow td {
  padding-left: 8px; }
.RadGrid_Report .rgSelectedRow td {
  border-bottom-color: #7ba0cd;
}
.RadGrid_Report .rgActiveRow td, .RadGrid_Report .rgHoveredRow td, .RadGrid_Report .rgEditRow td {
  border-bottom-color: #d0d7e5; }
.RadGrid_Report .rgDrag {
  background-image: url('Grid/rgDrag.gif'); }
.RadGrid_Report .rgFooterDiv, .RadGrid_Report .rgFooter, .RadGrid_Report .rgFooterWrapper {
  background: #bbcee4 0 -6500px repeat-x url('Grid/sprite.png'); }
.RadGrid_Report .rgFooter td, .RadGrid_Report .rgFooterWrapper {
  border-width: 1px 0 0;
  border-color: #8ba0bc #fff #fff;
  padding-left: 8px; }
.RadGrid_Report .rgPager .rgStatus {
  border: 1px solid;
  border-width: 1px 1px 0 0;
  border-color: #8ba0bc; }
.RadGrid_Report .rgStatus div {
  background-image: url('Common/loading_small.gif'); }
.RadGrid_Report .rgPager {
  background: #b4c5d9 0 -6999px repeat-x url('Grid/sprite.png');
  color: #384e73; }
.RadGrid_Report td.rgPagerCell {
  border-top: 1px solid #8ba0bc;
  border-left: 1px solid #f5faff; }
.RadGrid_Report .rgPageFirst {
  margin: 0 3px 0 0;
  background-position: 0 -550px; }
  .RadGrid_Report .rgPageFirst:hover {
    background-position: 0 -600px; }
.RadGrid_Report .rgPagePrev {
  margin: 0 3px 0 0;
  background-position: 0 -700px; }
  .RadGrid_Report .rgPagePrev:hover {
    background-position: 0 -750px; }
.RadGrid_Report .rgPageNext {
  margin: 0 0 0 3px;
  background-position: 0 -850px; }
  .RadGrid_Report .rgPageNext:hover {
    background-position: 0 -900px; }
.RadGrid_Report .rgPageLast {
  margin: 0 0 0 3px;
  background-position: 0 -1000px; }
  .RadGrid_Report .rgPageLast:hover {
    background-position: 0 -1050px; }
.RadGrid_Report .rgPager .rgPagerButton {
  border-color: #7793b9;
  background: #e8f1fc repeat-x 0 -1550px url('Grid/sprite.png');
  color: #00156e;
  font: normal 12px "Segoe UI", Arial, Helvetica, sans-serif;
  line-height: 12px; }
.RadGrid_Report .rgNumPart a {
  color: #384e73; }
  .RadGrid_Report .rgNumPart a:hover, .RadGrid_Report .rgNumPart a.rgCurrentPage {
    background: no-repeat url('Grid/sprite.png'); }
    .RadGrid_Report .rgNumPart a:hover span, .RadGrid_Report .rgNumPart a.rgCurrentPage span {
      background: no-repeat url('Grid/sprite.png'); }
  .RadGrid_Report .rgNumPart a:hover {
    background-position: 100% -1250px;
    color: #1e395b; }
    .RadGrid_Report .rgNumPart a:hover span {
      background-position: 0 -1150px; }
  .RadGrid_Report .rgNumPart a.rgCurrentPage {
    background-position: 100% -1450px;
    color: #384e73; }
    .RadGrid_Report .rgNumPart a.rgCurrentPage:hover {
      background-position: 100% -1450px;
      color: #384e73; }
    .RadGrid_Report .rgNumPart a.rgCurrentPage span, .RadGrid_Report .rgNumPart a.rgCurrentPage:hover span {
      background-position: 0 -1350px; }
.RadGrid_Report .rgHeader .rgSortAsc {
  background-position: 3px -147px;
  height: 10px; }
.RadGrid_Report .rgHeader .rgSortDesc {
  background-position: 3px -197px;
  height: 10px; }

/*footer*/
/*status*/
/*pager*/
/*sorting, reordering*/
.GridReorderTop_Report {
  height: 12px;
  background: 0 0 no-repeat url('Grid/sprite.png'); }

.GridReorderBottom_Report {
  height: 12px;
  background: 0 0 no-repeat url('Grid/sprite.png');
  background-position: 0 -50px; }

/*filtering*/
.RadGrid_Report .rgFilterRow {
  background: #113d67; }
  .RadGrid_Report .rgFilterRow td {
    border-style: solid;
    border-color: #8ba0bc;
    border-width: 0 0 1px 1px; }
.RadGrid_Report .rgFilter {
  background-position: 0 -300px; }
  .RadGrid_Report .rgFilter:hover {
    background-position: 0 -350px; }
.RadGrid_Report .rgFilterActive {
  background-position: 0 -400px; }
  .RadGrid_Report .rgFilterActive:hover {
    background-position: 0 -400px; }
.RadGrid_Report .rgFilterBox {
  border-color: #9babc2;
  font: normal 12px "Segoe UI", Arial, Helvetica, sans-serif;
  color: #000; }

/*filter context menu*/
.RadMenu_Report .rgHCMClear, .RadMenu_Report .rgHCMFilter {
  border-color: #a7bedb #7d98bd #a3bad8;
  background: #e8f1fc center -23px repeat-x url('FormDecorator/ButtonSprites.gif');
  color: #00156e;
  font-family: "segoe ui",arial,sans-serif; }
.RadMenu_Report .rgHCMClear:hover, .RadMenu_Report .rgHCMFilter:hover {
  border-color: #d8ca95 #b9a073 #c6ba9d;
  background-position: center -67px;
  background-color: #ffe18a;
  color: #000; }

/*context menu*/
.GridContextMenu_Report .rmLeftImage {
  background-image: url('../Common/Grid/contextMenu.gif'); }
.GridContextMenu_Report .rgHCMSortAsc .rmLeftImage {
  background-position: 0 0; }
.GridContextMenu_Report .rgHCMSortDesc .rmLeftImage {
  background-position: 0 -40px; }
.GridContextMenu_Report .rgHCMUnsort .rmLeftImage {
  background-position: 0 -80px; }
.GridContextMenu_Report .rgHCMGroup .rmLeftImage {
  background-position: 0 -120px; }
.GridContextMenu_Report .rgHCMUngroup .rmLeftImage {
  background-position: 0 -160px; }
.GridContextMenu_Report .rgHCMCols .rmLeftImage {
  background-position: 0 -200px; }
.GridContextMenu_Report .rgHCMFilter .rmLeftImage {
  background-position: 0 -240px; }
.GridContextMenu_Report .rgHCMUnfilter .rmLeftImage {
  background-position: 0 -280px; }

/*grouping*/
.RadGrid_Report .rgGroupPanel {
  border: 0 solid #8ba0bc;
  border-bottom-width: 1px;
  background: white; }
  .RadGrid_Report .rgGroupPanel td {
    border: 0;
    padding: 3px 4px;
    vertical-align: middle; }
    .RadGrid_Report .rgGroupPanel td td {
      padding: 0; }
  .RadGrid_Report .rgGroupPanel .rgSortAsc {
    background-position: 4px -144px; }
  .RadGrid_Report .rgGroupPanel .rgSortDesc {
    background-position: 4px -194px; }
.RadGrid_Report .rgUngroup {
  background-position: 0 -7500px; }
.RadGrid_Report .rgGroupItem {
  border: 1px solid #7793b9;
  background: #e8f1fc repeat-x 0 -1550px url('Grid/sprite.png');
  color: #00156e; }
.RadGrid_Report .rgGroupHeader {
  background: #dae7f5;
  font-size: 1.1em;
  line-height: 21px;
  color: black; }
  .RadGrid_Report .rgGroupHeader td {
    border-bottom: 1px solid #dadcdd;
    padding-left: 8px; }
.RadGrid_Report td.rgGroupCol {
  /*background: #dae7f5;*/
  border-color: #dae7f5; }
.RadGrid_Report .RadGrid_Report {
  background: #dae7f5;
  border-color: #dae7f5; }
.RadGrid_Report td.rgExpandCol {
  background: #dae7f5;
  border-color: #dae7f5; }

.RadGrid_Report .rgGroupHeader .rgExpand {
  background-position: 5px -495px; }
.RadGrid_Report .rgGroupHeader .rgCollapse {
  background-position: 3px -93px; }
.RadGrid_Report .rgEditForm {
  border-bottom: 1px solid #8ba0bc; }
.RadGrid_Report .rgUpdate {
  background-position: 0 -1800px; }
.RadGrid_Report .rgCancel {
  background-position: 0 -1850px; }
.RadGrid_Report .rgCommandRow .rgCancel {
  background-position: 3px -1877px; }
.RadGrid_Report .rgDetailTable {
  border-color: #688caf; }
.RadGrid_Report .rgExpand {
  background-position: 5px -496px; }
.RadGrid_Report .rgCollapse {
  background-position: 3px -94px; }
.RadGrid_Report .rgCommandRow {
  background: #bdcbde 0 -2100px repeat-x url('Grid/sprite.png');
  color: #333; }
.RadGrid_Report .rgCommandCell {
  border: 0;
  padding: 0; }
.RadGrid_Report thead .rgCommandCell {
  border-bottom: 1px solid #8ba0bc; }
.RadGrid_Report .rgCommandTable td {
  border: 0;
  padding: 2px 7px; }
.RadGrid_Report .rgCommandRow a {
  color: #242424;
  text-decoration: none; }
.RadGrid_Report .rgAdd {
  margin-right: 3px;
  background-position: 0 -1650px; }
.RadGrid_Report .rgSave {
  background-position: 3px -1825px; }
.RadGrid_Report .rgRefresh {
  margin-right: 3px;
  background-position: 0 -1600px; }
.RadGrid_Report .rgEdit {
  background-position: 0 -1700px; }
.RadGrid_Report .rgDel {
  background-position: 0 -1750px; }
.RadGrid_Report .rgExpXLS, .RadGrid_Report .rgExpDOC, .RadGrid_Report .rgExpPDF, .RadGrid_Report .rgExpCSV {
  background-image: url('../Common/Grid/export.gif'); }
.RadGrid_Report .rgExpXLS {
  background-position: 0 0; }
.RadGrid_Report .rgExpDOC {
  background-position: 0 -50px; }
.RadGrid_Report .rgExpPDF {
  background-position: 0 -100px; }
.RadGrid_Report .rgExpCSV {
  background-position: 0 -150px; }

/*editing*/
/*hierarchy*/
/*command row*/
/*multirow select*/
.rgCellSelectorArea_Report, .GridRowSelector_Report {
  background: #00156e; }

/*row drag n drop*/
.GridItemDropIndicator_Report {
  border-top: 1px dashed #00156e; }

/*tooltip*/
.GridToolTip_Report {
  border: 1px solid #6187b8;
  padding: 3px;
  background: #d7e3f2;
  color: #333; }

/*rtl*/
.RadGridRTL_Report .rgHeader:first-child, .RadGridRTL_Report th.rgResizeCol:first-child, .RadGridRTL_Report .rgFilterRow > td:first-child, .RadGridRTL_Report .rgRow > td:first-child, .RadGridRTL_Report .rgAltRow > td:first-child {
  border-left-width: 1px;
  padding-left: 7px; }
.RadGridRTL_Report .rgPageFirst {
  background-position: 0 -1000px; }
  .RadGridRTL_Report .rgPageFirst:hover {
    background-position: 0 -1050px; }
.RadGridRTL_Report .rgPagePrev {
  margin: 0 0 0 3px;
  background-position: 0 -850px; }
  .RadGridRTL_Report .rgPagePrev:hover {
    background-position: 0 -900px; }
.RadGridRTL_Report .rgPageNext {
  margin: 0 3px 0 0;
  background-position: 0 -700px; }
  .RadGridRTL_Report .rgPageNext:hover {
    background-position: 0 -750px; }
.RadGridRTL_Report .rgPageLast {
  background-position: 0 -550px; }
  .RadGridRTL_Report .rgPageLast:hover {
    background-position: 0 -600px; }
.RadGridRTL_Report .rgGroupHeader .rgExpand {
  background-position: -20px -495px; }
.RadGridRTL_Report .rgExpand {
  background-position: -20px -496px; }
.RadGridRTL_Report .rgGroupHeader .rgCollapse {
  background-position: -20px -93px; }
/*
body * {
  font-family: "Lucida Sans" ;
  color: black;
}
    */

Rumen
Telerik team
 answered on 01 Dec 2017
10 answers
124 views

Everytime i use, i give it a zip file, fill, select the newer Telerik.Web.UI.dll, and click "Get Assembly" and i get a server error.

 

 

Albert
Top achievements
Rank 1
 answered on 22 Jun 2017
6 answers
256 views
Here's what I did:
1. Created a new skin based on Hay using the Online Visual Style Builder.
2. Changed the background colour of the input control in read only state.
3. Downloaded and extracted the modified style to my skin directory.

These lines have been added to the CSS file:
.RadInput_MMSM_MTS input.riRead {
 
    background-color: rgb(216, 216, 216);
 
}

Using Firebug to inspect I see this rule has been crossed out:
.RadInput_MMSM_MTS input.riRead {
    background-color: #D8D8D8;
}

And this rule is in effect (except for the border-color)::
html body .RadInput_MMSM_MTS .riTextBox, html body .RadInputMgr_MMSM_MTS {
    background: none repeat scroll 0 0 #FFFFFF;
    border-color: #898772;
    color: #272722;
    font: 12px "segoe ui",arial,sans-serif;
}

How can this be fixed? When I uploaded the zip file I noted the style tool did not recognize the change. The textbox is simply declared as:
<telerik:RadTextBox ID="RadTextBox1" runat="server" ReadOnly="True">
        </telerik:RadTextBox>

Vessy
Telerik team
 answered on 07 Feb 2017
2 answers
178 views

Hi,

        I have created a skin named whiteblue based on the metro touch base skin. following the instructions given in http://www.telerik.com/support/code-library/including-custom-stylesheets-as-webresources-to-radstylesheetmanager and http://docs.telerik.com/devtools/aspnet-ajax/controls/stylesheetmanager/overview i have placed a button in the sample webpage and configured enableembeddedskins=false and set skin="whiteblue". 

but the custom skin is not working. Please guide me in this regard where i did mistake. When am running webpage it is not showing any error and simply showing radbutton without any css applied.

 

cssfile:

span.RadButton_whileblue{font-family:"Segoe UI",Arial,Helvetica,sans-serif;font-size:16px;color:#000000;height:34px;line-height:33px}span.RadButton_whileblue.rbSkinnedButton,span.RadButton_whileblue.rbVerticalButton,span.RadButton_whileblue.rbLinkButton{background-color:#fafafa}span.RadButton_whileblue.RadButton.rbLinkButton{text-decoration:none;height:auto;line-height:1.9em;min-height:1.875em;padding:.08333em .94em .16667em}span.RadButton_whileblue.rbSkinnedButton{padding-left:0}span.RadButton_whileblue.rbSkinnedButton .rbDecorated{height:34px;padding:0 15px}span.RadButton_whileblue.rbSkinnedButtonChecked,span.RadButton_whileblue.rbSkinnedButtonChecked .rbDecorated,span.RadButton_whileblue.rbSkinnedButtonChecked.rbHovered .rbDecorated{background-color:#4800ff;color:#ffffff}span.RadButton_whileblue .rbDecorated.rbPrimary{padding-left:35px}span.RadButton_whileblue .rbDecorated.rbSecondary{padding-right:35px}span.RadButton_whileblue.rbVerticalButton{padding-left:0}span.RadButton_whileblue.rbVerticalButton .rbDecorated{padding-left:8px}span.RadButton_whileblue.rbVerticalButton .rbDecorated.rbPrimary{padding-left:40px}span.RadButton_whileblue.rbVerticalButton,span.RadButton_whileblue.rbVerticalButton .rbDecorated{height:63px;line-height:63px}span.RadButton_whileblue.rbSkinnedButton,span.RadButton_whileblue.rbLinkButton,span.RadButton_whileblue.rbVerticalButton,span.RadButton_whileblue.RadButton.rbDisabled,span.RadButton_whileblue.RadButton.rbDisabled.rbHovered,span.RadButton_whileblue.RadButton.rbDisabled:active,span.RadButton_whileblue.RadButton.rbDisabled:focus{border:1px solid #cccccc}span.RadButton_whileblue.rbSkinnedButton.rbNativeButton,span.RadButton_whileblue.rbLinkButton.rbNativeButton,span.RadButton_whileblue.rbVerticalButton.rbNativeButton{border:0 none}span.RadButton_whileblue span.rbPrimary{padding-left:20px}span.RadButton_whileblue span.rbSecondary{padding-right:20px}span.RadButton_whileblue.RadButton.rbToggleButton.rbHovered{border:0 none;color:#4800ff}span.RadButton_whileblue.RadButton.rbToggleButton:active,span.RadButton_whileblue.RadButton.rbToggleButton:focus{color:#4800ff}span.RadButton_whileblue.rbToggleButton:active .rbText,span.RadButton_whileblue.rbToggleButton:focus .rbText{color:#000000}span.RadButton_whileblue .rbDecorated{font-family:"Segoe UI",Arial,Helvetica,sans-serif;font-size:16px}span.RadButton_whileblue.RadButton.rbHovered{border:1px solid #e8e8e8;background-color:#e8e8e8}span.RadButton_whileblue.RadButton:active,span.RadButton_whileblue.RadButton:focus,span.RadButton_whileblue.rbPressedButton,span.RadButton_whileblue.RadButton.rbPressedButton,span.RadButton_whileblue.RadButton.rbSkinnedButtonChecked,span.RadButton_whileblue.RadButton.rbSkinnedButtonChecked.rbHovered,span.RadButton_whileblue.RadButton.rbLinkButtonChecked,span.RadButton_whileblue.RadButton.rbLinkButtonChecked.rbHovered,span.RadButton_whileblue.RadButton.rbVerticalButtonChecked,span.RadButton_whileblue.RadButton.rbVerticalButtonChecked.rbHovered{border:1px solid #4800ff;background-color:#4800ff;color:#ffffff}span.RadButton_whileblue.RadButton:active .rbDecorated,span.RadButton_whileblue.RadButton:focus .rbDecorated,span.RadButton_whileblue.RadButton.rbPressedButton .rbDecorated,span.RadButton_whileblue.RadButton.rbSkinnedButtonChecked .rbDecorated,span.RadButton_whileblue.RadButton.rbSkinnedButtonChecked.rbHovered .rbDecorated,span.RadButton_whileblue.RadButton.rbLinkButtonChecked .rbDecorated,span.RadButton_whileblue.RadButton.rbLinkButtonChecked.rbHovered .rbDecorated{color:#ffffff}span.RadButton_whileblue.rbSkinnedButton .rbPrimaryIcon.rbToggleCheckbox,span.RadButton_whileblue.rbSkinnedButton .rbPrimaryIcon.rbToggleCheckboxChecked,span.RadButton_whileblue.rbSkinnedButton .rbPrimaryIcon.rbToggleRadio,span.RadButton_whileblue.rbSkinnedButton .rbPrimaryIcon.rbToggleRadioChecked,span.RadButton_whileblue.rbSkinnedButton .rbPrimaryIcon.rbToggleCheckboxFilled,span.RadButton_whileblue.rbSkinnedButton .rbSecondaryIcon.rbToggleCheckbox,span.RadButton_whileblue.rbSkinnedButton .rbSecondaryIcon.rbToggleCheckboxChecked,span.RadButton_whileblue.rbSkinnedButton .rbSecondaryIcon.rbToggleRadio,span.RadButton_whileblue.rbSkinnedButton .rbSecondaryIcon.rbToggleRadioChecked,span.RadButton_whileblue.rbSkinnedButton .rbSecondaryIcon.rbToggleCheckboxFilled,span.RadButton_whileblue.rbLinkButton .rbPrimaryIcon.rbToggleCheckbox,span.RadButton_whileblue.rbLinkButton .rbPrimaryIcon.rbToggleCheckboxChecked,span.RadButton_whileblue.rbLinkButton .rbPrimaryIcon.rbToggleRadio,span.RadButton_whileblue.rbLinkButton .rbPrimaryIcon.rbToggleRadioChecked,span.RadButton_whileblue.rbLinkButton .rbPrimaryIcon.rbToggleCheckboxFilled,span.RadButton_whileblue.rbLinkButton .rbSecondaryIcon.rbToggleCheckbox,span.RadButton_whileblue.rbLinkButton .rbSecondaryIcon.rbToggleCheckboxChecked,span.RadButton_whileblue.rbLinkButton .rbSecondaryIcon.rbToggleRadio,span.RadButton_whileblue.rbLinkButton .rbSecondaryIcon.rbToggleRadioChecked,span.RadButton_whileblue.rbLinkButton .rbSecondaryIcon.rbToggleCheckboxFilled,span.RadButton_whileblue.rbToggleButton .rbPrimaryIcon.rbToggleCheckbox,span.RadButton_whileblue.rbToggleButton .rbPrimaryIcon.rbToggleCheckboxChecked,span.RadButton_whileblue.rbToggleButton .rbPrimaryIcon.rbToggleRadio,span.RadButton_whileblue.rbToggleButton .rbPrimaryIcon.rbToggleRadioChecked,span.RadButton_whileblue.rbToggleButton .rbPrimaryIcon.rbToggleCheckboxFilled,span.RadButton_whileblue.rbToggleButton .rbSecondaryIcon.rbToggleCheckbox,span.RadButton_whileblue.rbToggleButton .rbSecondaryIcon.rbToggleCheckboxChecked,span.RadButton_whileblue.rbToggleButton .rbSecondaryIcon.rbToggleRadio,span.RadButton_whileblue.rbToggleButton .rbSecondaryIcon.rbToggleRadioChecked,span.RadButton_whileblue.rbToggleButton .rbSecondaryIcon.rbToggleCheckboxFilled{background-image:url(<%= WebResource("whiteblue.whileblue.Common.radFormToggleSprite.png;width:22px;height:22px;top:9px}span.RadButton_whileblue.rbToggleButton .rbText{padding:0 8px}span.RadButton_whileblue.rbToggleButton.rbTextButton{border:0 none;color:#000000}span.RadButton_whileblue.rbToggleButton.rbTextButton .rbText{padding:0 28px}span.RadButton_whileblue .rbSplitRight,span.RadButton_whileblue .rbSplitLeft{width:28px}span.RadButton_whileblue.RadButton span.rbSplitRight,span.RadButton_whileblue.RadButton span.rbSplitLeft,span.RadButton_whileblue.RadButton span.rbSplitRight.rbHovered,span.RadButton_whileblue.RadButton span.rbSplitLeft.rbHovered{background-image:Common") %>)!important}.RadButton.RadButton_whileblue{height:34px;line-height:33px}








 .RadButton_whileblue .rbDecorated {

font-family: Lucida Sans, Arial, Helvetica, sans-serif;

}

 .RadButton_whileblue:active .rbDecorated {

background-color: #6f00c4;

}

 .RadButton_whileblue.rbToggleButton {

font-family: Lucida Sans, Arial, Helvetica, sans-serif;

color: #6f00c4;

}

 .RadButton_whileblue:active .rbDecorated {

padding-right: 15px;

background-color: #43007a;

}

 .RadButton_whileblue:active.rbSkinnedButton {

background-color: #45007a;

}

 

 

class library:

Imports System.Collections.Generic
Imports System.Linq
Imports System.Text
Imports System.Web
Imports System.Web.UI
<Assembly: WebResource("whiteblue.whiteblue.button.whiteblue.css", "text/css")> 
<Assembly: WebResource("whiteblue.whiteblue.button.whiteblue.gif", "image/gif")> 

Namespace whiteblue
    Public Class whiteblue

    End Class
End Namespace

 

aspx file:

<%@ Page Language="VB" AutoEventWireup="false" CodeFile="Default.aspx.vb" Inherits="_Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    
</head>
<body>
    <form id="form1" runat="server">
    <telerik:RadScriptManager ID="RadScriptManager1" runat="server">
        <Scripts>
            <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js" />
            <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js" />
            <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryInclude.js" />
        </Scripts>
    </telerik:RadScriptManager>
    <telerik:RadStyleSheetManager ID="RadStyleSheetManager1" runat="server">
    <StyleSheets>
        <telerik:StyleSheetReference Assembly="whiteblue" Name="whiteblue.whiteblue.button.whiteblue.css" />
    </StyleSheets>
</telerik:RadStyleSheetManager>
    <br />
    <script type="text/javascript">
        //Put your JavaScript code here.
    </script>
    <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
    </telerik:RadAjaxManager>
    <div style="margin-left: 40px">

        <telerik:RadButton ID="RadButton1" runat="server" EnableEmbeddedSkins="False" 
            Skin="whiteblue" Text="RadButton" EnableTheming="True" 
            RenderMode="Lightweight">
        </telerik:RadButton>

    </div>
    </form>
</body>
</html>

CH V S D PHANI
Top achievements
Rank 1
 answered on 17 Jan 2016
1 answer
18 views

Hi,

I want change the colour of a navigation.

The property BackColour doesn't work, and if I want modify a Skin with your tool http://stylebuilder.telerik.com this control doesn't appear.

How can i change the background colour?

Thanks

Ivan Zhekov
Telerik team
 answered on 17 Sep 2015
0 answers
45 views

before all hi and as i wrote on title VSB don't save my project simply. to be more specify it tells:

"missing data

default  DLL does not exist in:

<program> \ Data \ AveStyle.msstyles"

 

but if the name <program> is just the path where is situated the program into "programms (x86)" folder; then that file exist

 

thank you in advantage

TERA
Top achievements
Rank 1
 asked on 27 Aug 2015
Narrow your results
Selected tags
Tags
+? more
Top users last month
horváth
Top achievements
Rank 2
Iron
Iron
Steve
Top achievements
Rank 2
Iron
Erkki
Top achievements
Rank 1
Iron
Mark
Top achievements
Rank 2
Iron
Iron
Veteran
Jakub
Top achievements
Rank 1
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
horváth
Top achievements
Rank 2
Iron
Iron
Steve
Top achievements
Rank 2
Iron
Erkki
Top achievements
Rank 1
Iron
Mark
Top achievements
Rank 2
Iron
Iron
Veteran
Jakub
Top achievements
Rank 1
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?