Hi Telerik Team.

I'm using Telerik.Web.UI.2014.2.618.40 in my web application, and i have encountered a problem in chrome (and FF).

I'm using the RadEditor in some of my pages, when I open the document manager, then press the '+Upload' button in the toolbar,

in the popup (or modal) with the title 'Upload' the Select button doesn't respond (in chrome and FF, in IE it works great).

after opening the developers tools, I've found out that the file input which is hidden behind the select button and the text input of the file (if I understand correctly) is not wide enough, meaning, the file explorer opens only when i press the textbox input (becuase the file input is behind it) but when i press the select button (which the file input is not behind) nothing happens. I'/ve tried overriding the css and set the file input (it's class is ruFileInput) width to 100% without any success. I did override the css of the document manager popup itself using !important in my view in style tags, but when i did the same thing to the css classes in the file upload popup it changed nothing.

the css code i used:

input.ruFileInput {width: 100%}

to sum up, i'm not able to override the css of the file upload popup

the code for the radEditor

<telerik:RadEditor runat="server" Skin="MetroTouch" ToolsFile="~/*.xml" NewLineMode="Br"
                                                    StripFormattingOptions="MSWordRemoveAll,Css,Font,Span,ConvertWordLists"
                                                    Height="475px" Content='<%#Bind("*") %>'>
                                                    <DocumentManager UploadPaths="~/Files/Announcement"
                                                        DeletePaths="~/Files/Announcement"
                                                        ViewPaths="~/Files/Announcement"
                                                        EnableAsyncUpload="True" MaxUploadFileSize="10485760"></DocumentManager>
                                                </telerik:RadEditor>

Hi,

For native ASP.Net checkbox de default cheked is False.

For radcheckbox I get an error EG this line:

pnl_AfwijkendAfleveradres.Visible = chk_othershipping.Checked

ERROR

Nullable object must have a value.

Marc

Recent upgrade to Telerik.Web.UI runtime version v4.0.30319 started throwing error  "The base class includes the field 'RadCodeBlock1', but its type (Telerik.Web.UI.RadCodeBlock) is not compatible with the type of control (Telerik.Web.UI.RadCodeBlock)."

We also tried the Toolbox to verify the RadCodeblock and it exist. Are there any changes required to execute this during runtime?

On our page we have many RadNumericTextboxes.  I know we can use the 
IncrementSettings-InterceptMouseWheel="false" setting on an individual control.  I'd like to make that the default for all of them on the page.  I attempted to use this

$('.riTextBox').bind('mousewheel DOMMouseScroll', function (e) { e.preventDefault(); alert('abort');return false;});

I get my alert box so I know that the code is finding the correct controls, but it's not bypassing the mousewheel event.

The issue is that we have many developers working on this project and we don't want to have to remember to set the IncrementSettings-InterceptMouseWheel="false" flag every time that we add a new control.  It would be great if we could just tell all of them to diable it.  Is there another way to do this?

I am trying to use a RadDatePicker and when an invalid date is entered only part of the box is actually highlighted in red and the "apostrophe" icon is missing altogether. I am using the Bootstrap skin (applied in web.config). I tried removing the RequiredFieldValidator to make sure the CSS wasn't messing it up but that did not solve the problem. The demo from Telerik seems to work great with this skin. Any help would be appreciated. I have attached the demo screen shot from Telerik and from my page.

<div class="row">
     <div class="col-md-6">
         <asp:Label ID="lblEffDate" runat="server" Text="Effective Date:" CssClass="text-muted vendor-label-85"></asp:Label>
    </div>
</div>
        <div class="row">
            <div class="col-md-6">
                <telerik:RadDatePicker ID="rdpEffectiveDate" runat="server" Width="50%"></telerik:RadDatePicker>
                <asp:RequiredFieldValidator ID="rfvEffDate" runat="server" Display="Dynamic"
                    Font-Size=".75em"
                    Font-Italic="true"
                    ErrorMessage="* required" 
                    ForeColor="#F04124"
                    ControlToValidate="rdpEffectiveDate" ValidationGroup="NewItemValidation">
                </asp:RequiredFieldValidator>
            </div>
        </div>

Hi Every Body,

 I have made a custom theme with the link Telerik theme builder and downloaded Zip file. Then i have created one webpage in asp.net and imported css file of radcombobox. I changed the setting of Enableembeddedskins to false and rendermode to lightweight. but the downloaded theme is not working. Please guide me in this regard. I am using telerik controls Q1 2014.

Screen shot attached

Hi Support,

I'm looking for Telerik_UI_for_ASP.NET_AJAX_2014_2_724_Dev.msi to install it on my new PC.  Our license has expired but we were licensed at the time and I need that version to build some of my projects.  The latest I can get is 2014.2.423.40.

Please advise.

Thanks,

Kyle

Hi,

So I am upgrading the UI of an old product that has a combination of Webcontrols and Web.UI controls. I plan to bring the older controls up to date but need to keep support and CSS for the older controls in place. 

The older controls use a combination of skins and lots of bad css. 

I will be using theme builder to create a custom skin and using lightweight rendering and EnableEmbeddedSkins="False" for new controls. 

I have done one control so far and I am getting issues with the embedded skins overwriting my new skin using the WebResources.axd

I know I can use important to override but that's a very bad approach, especially on a large project... Is there a good approach to increase the specificity for the new skin files so all their properties are applied over the existing base properties where applicable.

I was thinking of using an ID to prefix all new skin selectors with and wrapping each updated control  in a div of that id.. not 100% this is a good approach though.

eg..

#newControls .RadGrid_MyMetro{ ... }

and then give updated controls a div wrapped around it with ID="newControls" or something like that.

1. will this work throughout the project

2. Are there better approaches?

Thanks

I'm trying to add a custom skin to my site and I'm having some issues. I used the theme builder to modify the Silk skin. In my webapp, I added global settings to web.config to set the skin and EnableEmbeddedSkins = false. The site uses ASPNET themes, so I put all the custom CSS files in the App_Themes Theme folder. For all the controls it looks like it applied fine. 

It also appears to have applied to the Grid, but I have this obnoxious black border around all my grids. If I inspect the element in the browser, it looks like .RadGrid from WebResource.axd is overriding the custom .RadGrid_ADEMGreen style, because I can uncheck the border from that class and the custom one is applied correctly. I've attached a snapshot of this from the dev tools.

If this is the case, what else is being overridden by the embedded styles? How do I fix this?

[WebMethod(CacheDuration = 60, EnableSession = true)]

public RadComboBoxItemData[] GetSystemCompanies()

{

string dataDomain= "<DataDomain><CountryCode>AU</CountryCode></DataDomain>";

int maxItemsToReturn = 25;

string prefixText = "";

DataTable dataTable = GetPrefixDataTableForTheDataDomain(dataDomain, prefixText, maxItemsToReturn);

List<RadComboBoxItemData> items = new List<RadComboBoxItemData>(dataTable.Rows.Count);

foreach (DataRow row in dataTable.Rows)

{

RadComboBoxItemData raditem = new RadComboBoxItemData();

raditem.Text = row["RegCode"].ToString() + "\t" + row["CompanyName"].ToString() + "\t" + row["CountryCode"].ToString();

raditem.Value = row["RegCode"].ToString() + "\t" + row["CompanyName"].ToString() + "\t" + row["CountryCode"].ToString();

items.Add(raditem);

}

return items.ToArray();

}

Defualt.ASPX

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>
<!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>

    <script language="javascript" type="text/javascript">

        function itemRequesting(sender, eventArgs) {
            var context = eventArgs.get_context();
            context["Filter"] = sender.get_text();           
        }

    </script>

    <style type="text/css">
        #CompanySelector
        {
            margin-left: 5px;
        }
        #CompanySelectorResultsHeaders
        {
            background-color: #F1F2F4;
            width: 392px;
            text-align: left;
            margin: 0px;
        }
        #CompanySelectorResultsHeaders td
        {
            border: none;
            padding: 3px 4px;
        }
        #CompanySelectorResultsHeaders .CompanyCodeColumn
        {
            width: 85px;
        }
        #CompanySelectorResultsHeaders .CompanyNameColumn
        {
            width: 239px;
        }
        #CompanySelectorResultsHeaders .CountryColumn
        {
            width: 43px;
        }
        table.CompanySelectorResults
        {
            width: 396px;
            margin: 0;
            cursor: pointer;
        }
        table.CompanySelectorResults td
        {
            border: none;
            margin: 0;
            padding: 6px;
            text-align: left;
            white-space: normal;
        }
        table.CompanySelectorResults .CompanyCodeColumn
        {
            width: 75px;
        }
        table.CompanySelectorResults .CompanyNameColumn
        {
            width: 225px;
        }
        table.CompanySelectorResults .CountryColumn
        {
            width: 43px;
        }
        table.CompanySelectorResults:hover td
        {
            color: #000;
            margin: 0;
            text-decoration: underline;
            background-color: #F1F2F4;
        }
        #CompanySelectorButtons
        {
            margin-top: 7px;
            float: right;
        }
        .RadComboBoxDropDown_CompanySelector
        {
            position: absolute;
            background: #fff;
            border: 1px solid #c6c7d2;
            border-top-color: #83868d;
            cursor: default;
            font-size: 11px;
        }
        .RadComboBoxDropDown_CompanySelector .rcbItem, .RadComboBoxDropDown_CompanySelector .rcbHovered
        {
            padding: 0 0 0 3px;
            background-color: #fff;
        }
    </style>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:ScriptManager ID="ScriptManager" runat="server" />
        <telerik:RadComboBox ID="RadCompanySelector" runat="server" Height="190px" Skin="Vista" Width="420px" MarkFirstMatch="true"
        EnableLoadOnDemand="true" HighlightTemplatedItems="true"
        ItemRequestTimeout="500"
        OnClientItemsRequesting = "itemRequesting">
            <WebServiceSettings Method="GetSystemCompanies" Path="~\CompanySelector.asmx" />
            <headertemplate>
                    <table id="CompanySelectorResultsHeaders">
                    <tr>
                        <td class="CompanyCodeColumn">
                            <b>
                                Code
                            </b>
                        </td>
                        <td class="CompanyNameColumn">
                            <b>
                                Name
                            </b>
                        </td>
                        <td class="CountryColumn">
                            <b>
                                Country
                            </b>
                        </td>
                    </tr>
                </table>
             </headertemplate>
            <itemtemplate>
                 <table class="CompanySelectorResults">
                    <tr>
                        <td class="CompanyCodeColumn"></td>
                        <td class="CompanyNameColumn"> </td>
                        <td class="CountryColumn"></td>
                    </tr>
                </table>
            </itemtemplate>
        </telerik:RadComboBox>
    </div>
    </form>
</body>
</html>