Questions on UI for ASP.NET AJAX Forum

1 answer

112 views

RadScheduler Drag and Drop old issue on version: 2012.1.215.40

Hello,

I am having the same issue in my application with the drag and drop on the Scheduler. I have the version 2012.1.215.40. Every time I am using Chrome when I try to drag and drop my event inside the scheduler in go to the top of the column day or active the click event on the new position that I drop it. I saw that this and old issue so I dont know if I am missing some configuration in my controls since this is an old application.

Thanks

Scheduler

answered on 04 Apr 2012

5 answers

105 views

Problem with paste and IE9

Hi,

We have a RadEditor with AutoResizeHeight="true" that is located inside a outer div that has scroll.
When the entire window is about the same size as the div (in our case the div is always resized with the window), the page scrolls away and content that were located above the editor is not visible anymore!
In our case it is the outer div that handles the scroll, so we have set the page to not display scroll at all (overflow:none).

A simplified example:

<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="test.aspx.vb" Inherits="WebApplication1.test" %>

<!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" style="overflow: hidden">

<head runat="server">

<title></title>

</head>

<body>

<form id="form1" runat="server">

<asp:ScriptManager ID="s" runat="server">

</asp:ScriptManager>

<div style="background-color: Red; color: White">

Some other content!!!

</div>

<div style="width: 800px; height: 300px; overflow: auto; background-color: Black">

<telerik:RadEditor ID="aa" runat="server" ContentAreaMode="Div" AutoResizeHeight="true">

</telerik:RadEditor>

</div>

</form>

</body>

</html>

In this simplified example I have hardcoded the div size, to simulate this behavior you have to resize the browser window to ~same size as the div.
When doing this, first enter new-lines until there is a substantial scroll in the div, then paste some content last in the editor.
When pasted you can notice that the text above the editor disappears, the entire page has scrolled instead of the div!!!

I have only seen this behavior in IE9, and it is a kinda new thing, I have only tested with 2012 Q1 release where it happens, and 2011.2.915 release where it doesn't happen at all!
It appears in both Div-mode and Iframe-mode...

Regards
Caesar

Editor

answered on 04 Apr 2012

2 answers

106 views

Toggle Individual Row with check box

I looked at the grid demo here

http://demos.telerik.com/aspnet-ajax/grid/examples/programming/selectrowwithcheckbox/defaultcs.aspx

Unfortunately it references "ToggleRowSelection" in the ASP page for the row on CheckedChange.
When you look at the code demo, ToggleRowSelection does not exist.

The code for when you select the header does indeed exist.

protected void ToggleSelectedState(object sender, EventArgs e)

{

CheckBox headerCheckBox = (sender as CheckBox);

foreach (GridDataItem dataItem in RadGrid1.MasterTableView.Items)

{

(dataItem.FindControl("CheckBox1") as CheckBox).Checked = headerCheckBox.Checked;

dataItem.Selected = headerCheckBox.Checked;

}

So what I am trying to find out, what is the code for checking that individual row?

What should be in ToggleRowSelection

Grid

answered on 04 Apr 2012

1 answer

153 views

Insert Image with Percent Width and Height

Hello,

We use the Editor in our CMS for our responsive sites. It's impossible to use px sizes as width and height of images. We are wondering if its possible to change the Image Manager tool to be able to set the width and height of images in % rather than px.

Thanks for your help!

Josh

Editor

answered on 04 Apr 2012

4 answers

280 views

Getting Select Item to Work

I have this tiny project where I'm trying to get "Select Item" to work in RadListView. However, I am not having any luck with it. The RadListView loads and populates correctly, but when I click on an object, it does not change to the "SelectedItem" template for the object. What am I doing wrong?

Thank you for any help,
Andrey

Default.aspx:

<%@ Page Title="Home Page" Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true"
    CodeBehind="Default.aspx.cs" Inherits="ListViewTest._Default" %>
 
<asp:Content ID="HeaderContent" runat="server" ContentPlaceHolderID="HeadContent">
</asp:Content>
<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent">
    <asp:ObjectDataSource ID="m_oDataSource" runat="server" SelectMethod="GetData"
        EnablePaging="true" StartRowIndexParameterName="iStartRecord" MaximumRowsParameterName="iMaxRecords"
        SortParameterName="sSortColumns" DataObjectTypeName="System.String" TypeName="ListViewTest._Default"
        OldValuesParameterFormatString="original_{0}"></asp:ObjectDataSource>
    <telerik:RadListView runat="server" ID="m_oListView" DataSourceID="m_oDataSource">
        <ItemTemplate>
            <fieldset title="Item">
                <asp:Label runat="server" Text="Not Selected" />
            </fieldset>
        </ItemTemplate>
        <SelectedItemTemplate>
            <fieldset title="Selected Item">
                <asp:Label runat="server" Text="Selected" />
            </fieldset>
        </SelectedItemTemplate>
    </telerik:RadListView>
</asp:Content>

Default.aspx.cs

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
 
namespace ListViewTest
{
    public partial class _Default : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {
 
        }
 
        public IList<String> GetData(string sSortColumns, int iMaxRecords, int iStartRecord)
        {
            IList<String> oList = new List<String>();
 
            for (int i = 0; i < 10; i++)
            {
                oList.Add(i.ToString());
            }
            return oList;
        }
    }
}

Site.Master:

<%@ Master Language="C#" AutoEventWireup="true" CodeBehind="Site.master.cs" Inherits="ListViewTest.SiteMaster" %>
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head runat="server">
    <title></title>
    <link href="~/Styles/Site.css" rel="stylesheet" type="text/css" />
    <asp:ContentPlaceHolder ID="HeadContent" runat="server">
    </asp:ContentPlaceHolder>
</head>
<body>
    <form runat="server">
        <telerik:RadScriptManager ID="RadScriptManager1" runat="server">
        <Scripts>
            <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js">
            </asp:ScriptReference>
            <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js">
            </asp:ScriptReference>
            <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryInclude.js">
            </asp:ScriptReference>
        </Scripts>
    </telerik:RadScriptManager>
    <div class="page">
        <div class="header">
            <div class="title">
                <h1>
                    My ASP.NET Application
                </h1>
            </div>
            <div class="clear hideSkiplink">
                <asp:Menu ID="NavigationMenu" runat="server" CssClass="menu" EnableViewState="false" IncludeStyleBlock="false" Orientation="Horizontal">
                    <Items>
                        <asp:MenuItem NavigateUrl="~/Default.aspx" Text="Home"/>
                    </Items>
                </asp:Menu>
            </div>
        </div>
        <div class="main">
            <asp:ContentPlaceHolder ID="MainContent" runat="server"/>
        </div>
        <div class="clear">
        </div>
    </div>
    <div class="footer">
        
    </div>
    </form>
</body>
</html>

Web.config:

<?xml version="1.0"?>
 
<!--
  For more information on how to configure your ASP.NET application, please visit
  http://go.microsoft.com/fwlink/?LinkId=169433
  -->
 
<configuration>
  <appSettings>
    <add key="webpages:Version" value="1.0.0.0" />
    <add key="ClientValidationEnabled" value="true" />
    <add key="UnobtrusiveJavaScriptEnabled" value="true" />
    <add key="Telerik.Skin" value="Windows7" />
  </appSettings>
  <connectionStrings>
    <add name="ApplicationServices"
         connectionString="data source=.\SQLEXPRESS;Integrated Security=SSPI;AttachDBFilename=|DataDirectory|\aspnetdb.mdf;User Instance=true"
         providerName="System.Data.SqlClient" />
  </connectionStrings>
 
  <system.web>
    <httpHandlers>
      <remove verb="*" path="*.asmx"/>
      <add verb="*" path="*.asmx"
           type="System.Web.Script.Services.ScriptHandlerFactory, System.Web.Extensions, Culture=neutral, Version=4.0.0.0, PublicKeyToken=31bf3856ad364e35"
           validate="false"/>
      <add path="Telerik.Web.UI.WebResource.axd" type="Telerik.Web.UI.WebResource" verb="*" validate="false" />
    </httpHandlers>
    <compilation debug="true" targetFramework="4.0" />
 
    <authentication mode="Forms">
      <forms loginUrl="~/Account/Login.aspx" timeout="2880" />
    </authentication>
 
    <membership>
      <providers>
        <clear/>
        <add name="AspNetSqlMembershipProvider" type="System.Web.Security.SqlMembershipProvider" connectionStringName="ApplicationServices"
             enablePasswordRetrieval="false" enablePasswordReset="true" requiresQuestionAndAnswer="false" requiresUniqueEmail="false"
             maxInvalidPasswordAttempts="5" minRequiredPasswordLength="6" minRequiredNonalphanumericCharacters="0" passwordAttemptWindow="10"
             applicationName="/" />
      </providers>
    </membership>
 
    <pages>
      <controls>
        <add tagPrefix="ajaxToolkit" namespace="AjaxControlToolkit" assembly="AjaxControlToolkit" />
        <add tagPrefix="telerik" namespace="Telerik.Web.UI" assembly="Telerik.Web.UI" />
        <add tagPrefix="telerik" namespace="Telerik.Charting" assembly="Telerik.Web.UI" />
      </controls>
    </pages>
 
    <profile>
      <providers>
        <clear/>
        <add name="AspNetSqlProfileProvider" type="System.Web.Profile.SqlProfileProvider" connectionStringName="ApplicationServices" applicationName="/"/>
      </providers>
    </profile>
 
    <roleManager enabled="false">
      <providers>
        <clear/>
        <add name="AspNetSqlRoleProvider" type="System.Web.Security.SqlRoleProvider" connectionStringName="ApplicationServices" applicationName="/" />
        <add name="AspNetWindowsTokenRoleProvider" type="System.Web.Security.WindowsTokenRoleProvider" applicationName="/" />
      </providers>
    </roleManager>
 
  </system.web>
 
  <system.webServer>
    <modules runAllManagedModulesForAllRequests="true" />
    <validation validateIntegratedModeConfiguration="false" />
    <handlers>
      <add name="Telerik_Web_UI_WebResource_axd"  verb="*" preCondition="integratedMode" path="Telerik.Web.UI.WebResource.axd" type="Telerik.Web.UI.WebResource" />
    </handlers>
  </system.webServer>
</configuration>

ListView

answered on 04 Apr 2012

1 answer

300 views

RadToolBar Item Command on Radgrid. How do you hide some buttons

Hi Guys,

I am currently using the Radtoolbar to launch Item Commands from Radgrids. Everything works great, opening Radwindows to load new ASPX pages etc.

I have now come across a situation where some of our customers shouldn't see some of the buttons. In our system we use a DB table called Parameters set with Values like YES or NO. What I am trying to do, is from Javascript, check to see if a buttons parameter is set to YES or NO and then display or not display the button.

In VB this is quite easy, however with the Radtoolbar using Javascript Im unsure how I can implement similar functionality.

Cheers
Joel

ToolBar

answered on 04 Apr 2012

6 answers

767 views

[Solved] RadScriptManagerProxy ???

Before using Telerik, I used script managers and script manager proxies.
Now, if I use a master page, I put a RadScriptManager on the master page, but I don't see the corresponding RadScriptManagerProxy control. How do I accomplish the code below on a content page using the Rad Controls?

    
                <asp:ScriptManagerProxy ID="ScriptManagerProxy1" runat="server">  
        
                    <Scripts> 
        
                        <asp:ScriptReference Path="~/Scripts/Common.js" /> 
        
                        <asp:ScriptReference Path="~/Scripts/Uploads.js" /> 
        
                    </Scripts> 
        
                </asp:ScriptManagerProxy>

Thanks ... Ed

Ajax

answered on 04 Apr 2012

3 answers

166 views

Show context menu on rigth click

Hello everyone,

I would like to know if it is possible to right click on a radTreeView, WITHOUT slecting a node, and show a menu.
So far, I've only seen code that show a menu when a node is selected.
Is it possible?

Thank you
Shirya

TreeView

answered on 04 Apr 2012

2 answers

1.1K+ views

how can i fill grid with json data

i have Json oblect contains Keys and values
what i want is bind grid with this JsonObject

Grid

answered on 04 Apr 2012

1 answer

131 views

How to use RadAjaxManager and RadAjaxPanel in Visual Webpart

Hi,

I am having a Visual Webpart showing certain data from a list. I am showing this data as per my required format. Now I need to auto refresh this data at a regular interval say every 2 minutes. It seems RadAjaxManager, RadAjaxPanel and a Timer can be useful to achieve this.

However I am new in using Telerik controls in SharePoint (the version that I am using is SharePoint 2010). Can any one please explain me the steps to follow to build this. It would be really helpful if any sample is provided along with the steps.

Thanks in advance.

Regards,
Kishore

General Discussions

answered on 04 Apr 2012