Telerik Forums
UI for ASP.NET AJAX Forum
1 answer
87 views
Having trouble getting the radmenu to collapse after menu-item selection of certain items from the client side only on mobile.

I have tried adjusting the css of the popup class and this in js.

OnClientMenuItemClicked and ..Clicking
  var menu = $find('RadMenu_TeamPage');
  menu.close();

Is there any way to programmatically close the menu on a mobile device from the clientSide
Dimitar
Telerik team
 answered on 18 Jan 2016
1 answer
180 views

I have added a radWindow to my page. I want to open it from the code behind, but cannot do it as referenced here:

http://docs.telerik.com/devtools/wpf/controls/radwindow/features/working-with-radwindow#show-the-radwindow

I don't even have the option in intellisense for the .show method.

Any ideas why? I've attached screenshots.

Marin Bratanov
Telerik team
 answered on 18 Jan 2016
6 answers
239 views

Hello,

I have a databound chart to sqldatasource. In DataBound event on server-side I want to check if the chart has data and if it does not I want to hide it. I've tried this but without any luck (VB.NET):

 

 Protected Sub RadHtmlChart1_DataBound(sender As Object, e As EventArgs) Handles RadHtmlChart1.DataBound
        If RadHtmlChart1.PlotArea.Series(0).Items.Count = 0 Then
            RadHtmlChart1.Visible = False
        Else
            RadHtmlChart1.Visible = True
        End If
End Sub

Vessy
Telerik team
 answered on 18 Jan 2016
6 answers
119 views

Hi Telerik team,

When we enable Skin CDN server, the editor throws "Cross-Origin Request Blocked" error in "Insert external video" popup windows. We have added settings in the web.config on our production server and CDN server. Is there anything we missing?

 <httpProtocol>
          <customHeaders>
                    <add name="X-Powered-By-Server" value="150" />
                    <add name="Access-Control-Allow-Origin" value="*" />
                    <add name="access-control-allow-headers" value="*" />
          </customHeaders>
</httpProtocol>

 

Please check the attachment for more detail.

Thanks in advance,

 

Lan

Ianko
Telerik team
 answered on 18 Jan 2016
1 answer
64 views

http://demos.telerik.com/aspnet-ajax/

Yellow screen of death.

Marin Bratanov
Telerik team
 answered on 18 Jan 2016
3 answers
43 views
The common scenario for filter expression is that Column is compared to a value, ex. TransactionId=12345. But can you create an expression that would allow user to specify comparison of 2 fields instead, e.g. TransactionId=CurrentTransactionId?
Maria Ilieva
Telerik team
 answered on 18 Jan 2016
2 answers
236 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
122 views

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

 

 

T. Tsonev
Telerik team
 answered on 15 Jan 2016
1 answer
225 views

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

T. Tsonev
Telerik team
 answered on 15 Jan 2016
1 answer
90 views

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.

Lenny_shp
Top achievements
Rank 2
 answered on 15 Jan 2016
Narrow your results
Selected tags
Tags
+? more
Top users last month
Will
Top achievements
Rank 2
Iron
Motti
Top achievements
Rank 1
Iron
Hester
Top achievements
Rank 1
Iron
Bob
Top achievements
Rank 3
Iron
Iron
Veteran
Thomas
Top achievements
Rank 2
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Will
Top achievements
Rank 2
Iron
Motti
Top achievements
Rank 1
Iron
Hester
Top achievements
Rank 1
Iron
Bob
Top achievements
Rank 3
Iron
Iron
Veteran
Thomas
Top achievements
Rank 2
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?