Questions on UI for ASP.NET AJAX Forum

1 answer

150 views

Total dynamically generated columns and rows

I have a grid that is dynamically generated. It's a time clock grid, so I am dynamically adding columns as well as rows. It's based on user input, so I cannot rely on a specified number of columns or column names. So, here is my question, I need to total both columns and rows. What is the best way to accomplish this? Should I just loop through my grid after I've bound it and manually add another column? I've attached an image of what I need to do.

How I'm binding this is by looping through some stuff, dynamically creating the columns, then looping through again and dynamically adding rows. I have that working just fine, but I can post my code if you need it.

Grid

answered on 23 Jan 2014

2 answers

58 views

Hierachical RadGrid with simple ListDataSource

Hello Gurus,

I need an example for Heirachical RadGrid with simple List<someentity>,(not with database,and not with Dataset).
please can anyone provide the same with an example.

Thanks in Advance.

Grid

answered on 23 Jan 2014

1 answer

104 views

RadColorPicker PaletteModes="HSV" not working with Chrome

I configured RadColorPicker PaletteModes="HSV"

I am using Google Chrome (Version 32.0.1700.76 m) and when I am setting up the color scheme,

the pointer will stay stuck at the bottom-most axis.

I can drag the pointer horizontally, but not vertically or diagonally

ColorPicker

answered on 23 Jan 2014

3 answers

877 views

Does Collapsible Panel RadControl exist for ASP.NET AJAX

Hello,

I am attempting to create a dynamic site where different customers have their own logos, colors, etc. I have the need for collapsible panels where I need to easily be able to customize the background color, font type, expand/collapse controls, expand/collapse control position (i.e. left or right). It seems that if I use the RadPanel, nothing will be easy as a skin would need to be customized for every customer (which is an enormous effort on a short development timeframe) since it seems that the actual panel background color is not set via a style, but included inside an image..

Is there a way to set the panel colors via a style where a skin does not need to be created?

    
            <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="RadPanelBar.aspx.cs" Inherits="Test.RadPanelBar" %> 
        
            <%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %> 
        
            <!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>  
        
                <style type="text/css">  
        
                .PanelBackGround  
        
                {  
        
                    color:green !important;  
        
                }  
        
                </style> 
        
            </head> 
        
            <body> 
        
                <form id="form1" runat="server">  
        
                <telerik:RadScriptManager ID="RadScriptManager1" runat="server"></telerik:RadScriptManager> 
        
                <table> 
        
                    <tr> 
        
                        <td> 
        
                            <telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server">  
        
                                <telerik:RadPanelBar ID="RadPanelBar1" runat="server" ExpandMode="MultipleExpandedItems" > 
        
                                    <Items> 
        
                                        <telerik:RadPanelItem Text="Provider Information" Expanded="true">  
        
                                            <Items> 
        
                                                <telerik:RadPanelItem Value="Provider" runat="server" CssClass="PanelBackGround">  
        
                                                    <ItemTemplate> 
        
                                                            <table> 
        
                                                                <tr> 
        
                                                                    <td><asp:Label ID="lblName" runat="server" Text="Name" /></td>  
        
                                                                    <td><asp:TextBox ID="txtName" runat="server" /></td>  
        
                                                                </tr> 
        
                                                            </table> 
        
                                                    </ItemTemplate> 
        
                                                </telerik:RadPanelItem> 
        
                                            </Items> 
        
                                        </telerik:RadPanelItem> 
        
                                        <telerik:RadPanelItem Text="Sign In & Security" Expanded="false">  
        
                                            <Items> 
        
                                                <telerik:RadPanelItem Value="SignIn" runat="server">  
        
                                                    <ItemTemplate> 
        
                                                            <table> 
        
                                                                <tr> 
        
                                                                    <td><asp:Label ID="lblEmail" runat="server" Text="Email Address" /></td>  
        
                                                                    <td><asp:TextBox ID="txtEmail" runat="server" /></td>  
        
                                                                </tr> 
        
                                                            </table> 
        
                                                    </ItemTemplate> 
        
                                                </telerik:RadPanelItem> 
        
                                            </Items> 
        
                                        </telerik:RadPanelItem> 
        
                                    </Items> 
        
                                </telerik:RadPanelBar> 
        
                            </telerik:RadAjaxPanel> 
        
                        </td> 
        
                    </tr> 
        
                </table> 
        
                </form> 
        
            </body> 
        
            </html>

General Discussions

answered on 23 Jan 2014

1 answer

84 views

Cell alignment issue in IE 7

Hello,

I have noticed that telerik pivot grid doesn't render properly on IE 7. try Demo on IE 6 to recreate. scrolls and cell alignment is not in proper way. Will this be fixed soon? Mention if any patches available.

Regards,
Yohan

PivotGrid

answered on 23 Jan 2014

2 answers

67 views

Incorrect AJAX behaviour

Hi,

Take a look at this scenario: there's a page (inherited from Master Page) containing a user control. This control contains a RadWindow and a button to show the window.
Master Page:

<body>

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

<telerik:RadScriptManager ID="RadScriptManager1" runat="server"></telerik:RadScriptManager>

<%-- This shouldn't be modified --%>

<telerik:RadAjaxManager ID="RadAjaxManager1" UpdatePanelsRenderMode="Inline" runat="server">

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="ContentPlaceHolder1">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="ContentPlaceHolder1" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

<asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">

</asp:ContentPlaceHolder>

</form>

</body>

Page:

<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">

<telerik:RadAjaxManagerProxy ID="RadAjaxManagerProxy1" runat="server">

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="WebUserControl1">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="WebUserControl1" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManagerProxy>

<uc1:WebUserControl1 runat="server" ID="WebUserControl1" />

</asp:Content>

Control.aspx:

<telerik:RadAjaxManagerProxy ID="RadAjaxManagerProxy1" runat="server">

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="Button2">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="Button2" />

<telerik:AjaxUpdatedControl ControlID="Label2" />

<telerik:AjaxUpdatedControl ControlID="RadWindow1" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManagerProxy>

<telerik:RadScriptBlock ID="RadScriptBlock1" runat="server">

<script type="text/javascript">

function f()

{

var clientWin = $find('<%= RadWindow1.ClientID %>');

clientWin.show();

}

</script>

</telerik:RadScriptBlock>

<asp:Button ID="Button1" runat="server" Text="ShowWindow" OnClientClick="f(); return false;" />

<asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>

<telerik:RadWindow ID="RadWindow1" ReloadOnShow="true" runat="server" OnClientClose="OnClientclose">

<ContentTemplate>

<asp:Button ID="Button2" runat="server" Text="Change labels" OnClick="Button2_Click"/>

<asp:Label ID="Label2" runat="server" Text="Label"></asp:Label>

</ContentTemplate>

</telerik:RadWindow>

Control.cs

protected void Button2_Click(object sender, EventArgs e)

{

Label2.Text = "222";

Label1.Text = "111";

}

When Button2 is clicked, the window closes and both of the labels change. How to fix this problem keeping code on Master Page unchanged?

Thanks in advance.

Ajax

answered on 23 Jan 2014

11 answers

310 views

Dynamically Created RadWindow not opening

I have a CMS edit page which used RadMultiPage to display dynamically created controls, depending what fields are needed.

<telerik:RadTabStrip runat="server" ID="RadTabStrip1" Orientation="HorizontalTop" AutoPostBack="false"

CausesValidation="false" SelectedIndex="0" MultiPageID="RadMultiPage1">

<Tabs />

</telerik:RadTabStrip>

<telerik:RadMultiPage runat="server" ID="RadMultiPage1" />

The page basically executes like this:

I dynamically create a new RadPageView
I create new fields depending on their type and give it a unique ID depending on the Field ID
I add the field controls into a PlaceHolder
I add the PlaceHolder into the new RadPageView

This works fine, but I am adding functionality where a modal RadWindow opens up when a button is clicked.

label = new Label();

label.ID = rdr["TITLE"].ToString().Replace(" ", "") + rdr["FIELDID"].ToString() + "Label";

label.Text = rdr["TITLE"].ToString();

window = new Telerik.Web.UI.RadWindow();

window.Height = 550;

window.Width = 560;

window.VisibleStatusbar = false;

window.ShowContentDuringLoad = false;

window.ID = rdr["TITLE"].ToString().Replace(" ", "") + rdr["FIELDID"].ToString() + "MediaWindow";

window.Modal = true;

window.Behaviors = Telerik.Web.UI.WindowBehaviors.Close | Telerik.Web.UI.WindowBehaviors.Move;

window.NavigateUrl = "~/Explorer.aspx";

button = new Button();

button.ID = rdr["TITLE"].ToString().Replace(" ", "") + rdr["FIELDID"].ToString() + "MediaWindowButton";

button.OnClientClick = String.Format("OpenFileExplorerDialog(\"{0}\"); return false;", window.ClientID);

button.Text = "Media Library";

div = new HtmlGenericControl("div");

div.EnableViewState = true;

div.Controls.AddAt(0, window);

div.Controls.AddAt(0, button);

div.Controls.AddAt(0, label);

InputFieldsPlaceHolder.Controls.AddAt(InputFieldsPlaceHolder.Controls.Count, div);

I've been using the http://demos.telerik.com/aspnet-ajax/fileexplorer/examples/client-sideapi/fileselectordialog/defaultcs.aspx demo and can get the desired results outside a RadMultiPage control so I assume this is the problem. When I debug the javascript (below) I get that the wnd variable is null. I've placed it EVERYWHERE on the page.

<script type="text/javascript">

function OpenFileExplorerDialog(x) {

var wnd = $find(x);

wnd.show();

}

</script>

The RadWindow div is created and present in the source as is the add_init function near the end of the form tag.

Any ideas?

Window

answered on 23 Jan 2014

7 answers

319 views

White space in the dropdown when filtering the results

We just upgraded Telerik controls from 2012.1.411.40 to 2013.3.1114.40 recently. After this upgrade, we found an issue in the RADComboBox. Before this upgrade, the dropdown height is automatically resized when you type and the result is getting less. But with this latest version, the dropdown height no longer gets resized. It leaves a large white space. Please see the screenshot in the attachment.

The RADComboBox is set up as Filter= Contains. Please advise if this is an known issue or is there any workaround or settings to fix it. Thanks.

ComboBox

answered on 23 Jan 2014

5 answers

325 views

RadButton with ToggleType="Radio" won't checked correct one from code behind

<telerik:RadButton runat="server" ID="RadButton1" ButtonType="StandardButton" ToggleType="Radio" GroupName="Group1" AutoPostBack="true">

<ToggleStates>

<telerik:RadButtonToggleState Text="Low Rate" PrimaryIconCssClass="rbToggleRadioChecked"></telerik:RadButtonToggleState>

<telerik:RadButtonToggleState Text="Low Rate" PrimaryIconCssClass="rbToggleRadio"></telerik:RadButtonToggleState>

</ToggleStates>

</telerik:RadButton>

<telerik:RadButton runat="server" ID="RadButton2" ButtonType="StandardButton" ToggleType="Radio" GroupName="Group1" AutoPostBack="true">

<ToggleStates>

<telerik:RadButtonToggleState Text="High Rate" PrimaryIconCssClass="rbToggleRadioChecked"></telerik:RadButtonToggleState>

<telerik:RadButtonToggleState Text="High Rate" PrimaryIconCssClass="rbToggleRadio"></telerik:RadButtonToggleState>

</ToggleStates>

</telerik:RadButton

>

protected void Page_Load(object sender, EventArgs e)
       {
               RadButton1.Checked = true;
           RadButton2.Checked = true;
       }



Can anyone tell me why RadButton2 not checked, but RadButton1 is checked?



Thanks,

-Sam

Button

answered on 23 Jan 2014

2 answers

127 views

Client-side Programmitic EditItemTemplate

Hello,
I have programmatically created, client-side (wcf) bound RadGrid (2012.2.607). I would like to add an EditItemTemplate but can understand how to accomplish this:

GridTemplateColumn templateColumn = new GridTemplateColumn();

templateColumn.ClientItemTemplate = "<span class='templateTitle'>Template name: </span><span class='templateValue'>#=TemplateName #</span><div class='templateDesc'>#=TemplateDesc #</div><span class='templateTitle'>Last used: </span><span class='templateValue'>#=LastUsed #</span><span class='templateGroupRight'><span class='templateTitle'>Used by: </span><span class='templateValue'>#=LastUsedBy #</span></span><br /><span class='templateTitle'>You used: </span><span class='templateValue'>#=LastUsedByYou #</span><span class='templateGroupRight'><span class='templateTitle'>Conversion rating: </span><span class='templateValue'>#=ConversionRating #</span></span>";

templateColumn.UniqueName = "DetailTemplate";

templateColumn.HeaderStyle.Width = Unit.Pixel(350);

templateColumn.AllowFiltering = false;

grid.MasterTableView.Columns.Add(templateColumn);

I use JSon style binding #=[data item]# as you can see in the code. I have found examples that discuss IBindableTemplate but not sure how this will work in my situation? If possible, I would prefer to create an editItemTemplate for the entire grid vs. a single template column. e.g. grid.MasterTableView.EditItemTemplate = new MyEditItemTemplate();

Thank you!

Grid

answered on 23 Jan 2014