Questions on UI for ASP.NET AJAX Forum

5 answers

185 views

Undesirable behavior on listbox with templates and multiple columns on multi-select

I'm trying to implement a listbox with transfer, using templates to render multiple columns in each listbox. If I select multiple items, I get confusing behavior in which part of the text in the top and bottom items, and all of the text in the middle items are selected as if you were going to copy the text to the clipboard. You can see this clearly in the online demo titled "Item Templates" under "Functionality" in the ListBox demos. To see it best, set the skin to Office2007 for high contrast. Select a block of items and you'll see the behavior in the attached image. Is there a way to prevent this?

Steve

ListBox

answered on 10 Aug 2010

9 answers

280 views

Using the selected Skins Styles

I would like to have the ability for users to change their desired skin dynamically in my site, along with that, I would like to use specific styles of the selected skin for various items in my app.

Example, if my selected skin is Telerik, I would like to use the RadGrid.rgHeader style on a button or <div> or table cell. If I chane the skin, my buttons or <div> that are using the RadGrid.rgHeader style would change according to the selected skin.

Can you provide me with some insight on how to achieve this.

RadSkinManager works very nicely for skinning telerik controls, but how do I skin non telerik controls with specific styles from the selected skin.

Thanks in advance.

Roger

FormDecorator

answered on 10 Aug 2010

1 answer

39 views

Question in "RadGrid for ASP.NET AJAX: General info"

Hi,

Based on the thread "RadGrid for ASP.NET AJAX: General info" Telerik will not support ASP.Net 4.0 (VS2010)
Am I correct ?

Thanks,
Nagarajan Govindarajan.

Grid

answered on 10 Aug 2010

1 answer

123 views

SelectedItemStyle

Hi..
I'm using the WebBlue skin.. but when I set the Itemstyle foreground.. I still get the skin background color.. how can I override it...
I can see the color I set on the 'edges' of the selected column... any ideas? thanks
thanks

Grid

answered on 10 Aug 2010

1 answer

144 views

Query about Rad Editor Licensed Version

Hi There,

We are in a process to get the licence for Telerik RAD editor for Moss-2007. I had some questions:

1) We are in process to get ASP.NET AJAX Version Q2 2010. Could you please let us know, which version it would translate into? Eg. 5.4.1 etc.

2) What is the latest version for Telerik RAD Editor for Moss-2007. Is it 5.4.1? If no, then what would be the latest version and what are the differences between latest version and 5.4.1.

3) Can you elaborate about Telerik RAD Editor LITE. How different it is from regular Telerik RAD Editor.

4) Lastly, can you pls. share with us the structure of the licensed editor. Eg. would we get an WSP or a Solution file.

Thanks
Amit Kumar

WebParts for SharePoint

answered on 10 Aug 2010

1 answer

187 views

100% Height inside variable height div

Hello,

My page has 3 sections, header, footer, and content - where the grid should take 100% height).

The grid has scrolling with static header.

I want the grid to take the full height of the middle div. And the height should work with browser/pane resizing.

It works fine in Firefox and Chrome. But in IE7 the grid is squashed up.

Here is my code.

Thanks a lot in advance!
==============================================================================
<%@ Page Language="C#" %>
<%@ Register Assembly="RadGrid.Net2" Namespace="Telerik.WebControls" TagPrefix="rad" %>
<!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">
    <meta http-equiv="content-type" content="text/html;charset=utf-8" />
    <title>RadGrid for ASP.NET</title>
    <style type="text/css">
        html
        {
            overflow: auto;
        }
        html, body, form
        {
            margin: 0;
            height: 100%;
        }
        .header
        {
            height: 50px;
        }
        .container
        {
            position: absolute;
            top: 50px;
            bottom: 50px;
            width: 100%;
        }
        .footer
        {
            position: absolute;
            bottom: 0;
            height: 50px;
        }
    </style>
</head>
<body>
    <form id="form1" runat="server">
        <div class="header">
        </div>
        <div class="container">
            <rad:RadGrid ID="RadGrid1" runat="server" DataSourceID="XmlDataSource1" AllowPaging="true"
                PageSize="40" Width="100%" Height="100%" Style="border: 0; outline: none">
                <MasterTableView TableLayout="Fixed" />
                <ClientSettings>
                    <Selecting AllowRowSelect="true" />
                    <Scrolling AllowScroll="true" UseStaticHeaders="true" />
                </ClientSettings>
            </rad:RadGrid>
        </div>
        <div class="footer">
        </div>
        <asp:XmlDataSource ID="XmlDataSource1" runat="server" DataFile="~/datasource.xml" />
    </form>
</body>
</html>

Grid

answered on 10 Aug 2010

5 answers

187 views

RadContext Menu issue in RadGrid

Hi all,

I have a context menu in a grid. The context menu works as it should but when I right click on areas in the grid that are not rows or columns then I get a code error because there is no row selected. If you look at the attached image you can see what I mean.

Code is below. I've set the context menu target to the grid.

Thanks for any help!

<asp:SqlDataSource ID="SqlDataSource_PT20" runat="server">

</asp:SqlDataSource>

</asp:PlaceHolder>

<asp:PlaceHolder ID="PlaceHolder2" runat="server">

<input type="hidden" id="RadGridClickedRowIndex" name="RadGridClickedRowIndex" value="1" />

<telerik:RadGrid ID="RadGrid_PT20" runat="server" AutoGenerateColumns="false"

AllowMultiRowSelection="false" AllowPaging="True" AllowCustomPaging="True" PageSize="15" AllowAutomaticInserts="false"

GridLines="None" CellPadding="0" AllowSorting="false" Skin="Default" OnItemDataBound="Att_Log_Translate"

ItemStyle-VerticalAlign="Top" OnNeedDataSource="RadGrid_PT20_NeedDataSource">

<ExportSettings IgnorePaging="false" OpenInNewWindow="true">

<Pdf PageHeight="297mm" PageWidth="210mm" PageTitle="OnTime System Logs" />

</ExportSettings>

<PagerStyle Mode="NextPrevAndNumeric"/>

<MasterTableView Width="100%" CommandItemDisplay="Top" GridLines="None" AllowAutomaticInserts="false">

<CommandItemSettings ShowAddNewRecordButton="false" />

<CommandItemTemplate>

<telerik:RadToolBar ID="RadToolBar_PT20" runat="server" Skin="Default"

OnButtonClick="RadToolBar_PT20_CommandClick">

<Items>

<telerik:RadToolBarDropDown Text="Export" ImageUrl="Images/pdf_icon.gif">

<Buttons>

<telerik:RadToolBarButton Text="Export Current View" Group="Bold"

CheckOnClick="true" AllowSelfUnCheck="true"

CommandName="ExportToPDF" ImageUrl="Images/pdf_icon.gif"/>

<telerik:RadToolBarButton Text="Export All Records" Group="Italic"

CheckOnClick="true" AllowSelfUnCheck="true" />

</Buttons>

</telerik:RadToolBarDropDown>

</Items>

</telerik:RadToolBar>

</CommandItemTemplate>

<Columns>

<telerik:GridBoundColumn UniqueName="Log_ID" DataField="Attendance_Logs_Auto_ID" HeaderText="Log ID"

Visible="false"/>

<telerik:GridBoundColumn UniqueName="Employee_First_Name" DataField="Employee_First_Name" HeaderText="First Name"

Visible="false"/>

<telerik:GridTemplateColumn UniqueName="PT20_Left_Column" HeaderText="Type" HeaderStyle-Width="40%">

<ItemTemplate>

<asp:Panel ID="Panel3" runat="server" CssClass="logs_table_text">

<asp:Literal ID="Literal_Att_Logs_DateTime" runat="server"

Text='<%# Eval("Attendance_Logs_DateTime").ToString() %>'></asp:Literal>

<br />

<asp:Literal ID="Literal2" runat="server" meta:resourcekey="Literal2Resource1"

Text="T: "></asp:Literal>

<asp:Literal ID="Literal_Att_Logs_Terminal_Name" runat="server"

Text='<%# Eval("Terminal_Name").ToString() %>'></asp:Literal>

</asp:Panel>

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn UniqueName="PT20_Right_Column" HeaderText="Description" HeaderStyle-Width="60%">

<ItemTemplate>

<asp:Panel ID="Panel4" runat="server" CssClass="logs_table_text" >

<asp:Literal ID="Literal_Att_Logs_Employee_Name" runat="server"

Text='<%# Eval("Employee_First_Name").ToString() %>'></asp:Literal>

<asp:Literal ID="Literal_Att_Logs_Employee_Name1" runat="server"

Text='<%# Eval("Employee_Last_Name").ToString() %>'></asp:Literal>

<br />

<asp:Literal ID="Literal1" runat="server" meta:resourcekey="Literal1Resource1" Text="-">

</asp:Literal>

<asp:Literal ID="Literal_Att_Logs_Type" runat="server"

Text='<%# Eval("Attendance_Logs_Type").ToString() %>'>

</asp:Literal>

</asp:Panel>

</ItemTemplate>

</telerik:GridTemplateColumn>

</Columns>

</MasterTableView>

<ClientSettings>

<Selecting AllowRowSelect="true" />

<ClientEvents OnRowContextMenu="PT20_ContextMenu"></ClientEvents>

</ClientSettings>

</telerik:RadGrid>

<telerik:RadContextMenu ID="RadMenu_PT20" runat="server" OnItemClick="RadMenu_PT20_ItemClick"

Skin="Default" >

<Items>

<telerik:RadMenuItem Text="Go to Employee" />

<telerik:RadMenuItem Text="Go to Terminal" />

<telerik:RadMenuItem Text="Edit Record" />

</Items>

<Targets>

<telerik:ContextMenuControlTarget ControlID="RadGrid_PT20"/>

</Targets>

</telerik:RadContextMenu>

Menu

answered on 10 Aug 2010

3 answers

120 views

[Solved] application 'falling asleep'

Hi, I'm trying to resolve an issue I've been recently discovering which I find a bit annoying: I've developed a site with some telerik controls and uploaded it to my ISP. The application works more or less ok but I've realized that after a certain period of inactivity the application kind of falls asleep: eg. clicks on a RadMenu control affect no response no more. I've witnessed a similar behaviour also on the telerik documentation page for the different controls: if you leave that page open for a while and then select an item nothing happens - one has to reload again in order to get it working. Also I haven't been able to detect how long it takes, before the application stops responding to user input. Can anyone shed some light on this issue ?

Thanks, Wolfgang

General Discussions

answered on 10 Aug 2010

7 answers

201 views

[Solved] problem with multiple collapse in radgrid

i am using the hierarchy in my application and multiple records can be collapsed at a time in that. but i want only one record to be expanded at a time. if already one record is expanded then that one must collapsed before the other one is expanding.

Grid

answered on 10 Aug 2010

9 answers

166 views

Styling the Editor Dialogs

I'm trying to automate the registering of CSS files for a skin in an assembly and, for the most part, I've succeeded. The majority of the work is done by the following 2 methods...

public void ApplySkin(Control target)

{

if (target == null)

{

return;

}

if (!target.Visible)

{

return;

}

if (target is ISkinnableControl)

{

AvailableSkin skinToUse = AvailableSkins.Find(s => s.Name == Skin);

if (!skinToUse.IsEmbedded)

{

RegisterControlSkin(skinToUse, target.GetType().Name);

if (target.GetType().Name == "RadEditor")

{

RegisterControlSkin(skinToUse, "RadWindow");

RegisterControlSkin(skinToUse, "RadTabStrip");

RegisterControlSkin(skinToUse, "RadGrid");

}

//TODO: Need to have a flag on each item to determine if it is embedded or not

((ISkinnableControl)target).EnableEmbeddedSkins = skinToUse.IsEmbedded;

((ISkinnableControl)target).Skin = skinToUse.Name;

}

else

{

if (target.Controls.Count > 0)

{

foreach (Control child in target.Controls)

{

ApplySkin(child);

}

void RegisterControlSkin(AvailableSkin Skin, string Control)

{

RadStyleSheetManager mgr = Page.Master.FindControl("RadStyleSheetManager1") as RadStyleSheetManager;

string controlName = Control;

if (Control.StartsWith("Rad"))

{

controlName = Control.Remove(0, 3);

}

if (!skinnedControls.Contains(controlName))

{

string fileName = String.Format("{0}.{1}.{2}.{1}.css", Skin.Assembly, Skin.Name, controlName);

StyleSheetReference skinRef = new StyleSheetReference(fileName, Skin.Assembly);

mgr.StyleSheets.Add(skinRef);

skinnedControls.Add(controlName);

}

What I'm struggling with ATM is skinning of the RadEditor dialogs. You'll see that the ApplySkin() method registers the CSS files for the Grid, Window and TabStrip controls which are used by the dialog, but I am seeing SS1 when I open one of the dialogs.

I suspect that the problem is that the content of the window is using a separate page source and the custom skin items aren't being registered on that page.

How do I get around this?

--
Stuart

Visual Style Builder

answered on 10 Aug 2010