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>

Hello,

We are doing feasibility study of using spreadsheet control in our next project. 

We are facing some challenges on UI as mentioned in attached image.

Issue related to indentation of rows and cell selection is only happening when  we are using kendo UI with MVC either by helper method or jquery.

Additional behavior or indent or ctrl+z is very weird.

Please look into these issues and suggest us some work around.

Thanks,

Puneet Jain

Hello,

We are exploring using ASP.NET MVC spreadsheet control for our next project and i need to implement following:

#1 Saving complete JSON is an option but for say like 300 x 300 cells with each cell having some formatting, JSON is becoming huge and browser window become unresponsive. Please suggest any strategy to optimize it further.

#2 Insert column acts in a weird way if all columns have data, then on adding a column, data in last column is lost. Our requirement is such that number of columns should actually increase. Let say, we have 10 columns in spreadsheet, then we click a button titled "Add Column" then number of columns in spread sheet should become 11.

If this is not possible by insert column method, please suggest is it possible on client side to reinitialize spread sheet with updated number of columns and rows.

#3 How to disable row and column headers along with formula section ?

#4, do you have any roadmap and tentative date for implementation of this feature ? Demos on your site are updated with 2016 Q1 release beta, when can we expect be able to download the same ? Do you have a list of expected features in that release ? 

Thanks,
Puneet

I replaced the old Telerik DLL with the latest and now enter becomes double spaced.    Why is it being wrapped in <p> now?

http://demos.telerik.com/aspnet-ajax/editor/examples/overview/defaultcs.aspx

I can duplicate it with Chrome and IE11.

Hello, I am using the RadAjaxLoadingPanel in a user control which is displayed in a web part in SharePoint. When the  'loading' image is displayed, a small 'x' is displayed above the image - see attached image. I have not set up skins in SharePoint yet. 1) How can I get rid of the small 'x'? 2) the image appears to be greyed out, but should be blue.

Here is the relevant markup:

I am using telerik:RadComboBox in asp.net while i binding a list from database containing items more than 80000 binding failed and error message on page is

"Error during serialization or deserialization using the JSON JavaScriptSerializer. The length of the string exceeds the value set on the maxJsonLength property."

how can handle more number of items with RadComboBox 

Thnaks & Regards 

Hi!  

    I have a radDropdownlist element inside a radGrid, I have to decide to enable/disable the radDropdownlist element base on it's selected value.  I have

searched and tried the solutions from the forums.  There are suggestions to place code in page_PreRender, ItemDataBound or ItemCreated events and check

e.item as GridDataItem or GridPagerItem and then findControl, but it could never find my dropdownlist control.

Any suggestions? What event should trigger the checking?

Thanks in advance!

Sharon

I have two dynamically populated listboxes, and I need to be able to drag and drop multiple items back and forth.  All events must be handled server-side in C#.  Using the Dropped event in the codebehind, I was able to get close to what I wanted, but I cannot drop on the actual listbox, only the padding on its surrounding div.  I am aware of the documentation regarding dropping only on HTML elements, not on the actual RadListBox.  So how can I achieve the desired functionality?

I use version 2015.1.401.45.