Questions on UI for ASP.NET AJAX Forum

1 answer

117 views

Hi Telerik team members and users,

In the chart below one of the items is "exploded".

http://imageshack.us/f/511/percentageexplodeditem.png/

However, the issue I have is that the item's text ( the "14%" text overlaps with / touches the slice )

How can I fix this issue ?

By the way your product is awesome !

Sebastian

Chart (Obsolete)

answered on 17 Oct 2011

4 answers

241 views

InitInsert get created edit form

Dear All!

I would like to know how can I get my custom Edit control object durint InitInsert Command [Add new record]?
Means I've created a custom edit form:
<EditFormSettings UserControlName="~/Controls/DutTestGridCommandControl.ascx" EditFormType="WebUserControl" />
and I need it's reference, ID or similar during creation because it has a property which I need to set in runtime. Is it possible?

Thanks,
alsi

Grid

answered on 17 Oct 2011

1 answer

79 views

DetailTable width

Hi, could You tell me how to set auto width on detail table in hierarchical grid? It automatically sets width=100% on table in html, so child grid is stretched.

Grid

answered on 17 Oct 2011

1 answer

80 views

grid paging

initially i bind grid using this code

<asp:SqlDataSource ID="SqlDataSource1" ConnectionString="<%$ ConnectionStrings:MyDB %>"
ProviderName="System.Data.SqlClient" SelectCommand="SELECT CustomerID, CompanyName, ContactName, ContactTitle, Address, PostalCode FROM Customers"
runat="server"></asp:SqlDataSource>

in this paging works properly...

when i bing grid datas like this

RadGrid1.DataSource = DT
RadGrid1.DataBind()
when i click the 2nd page button grid shows like this(Attached below)

give me a solution

Grid

answered on 17 Oct 2011

2 answers

105 views

RadGrid Export PDF Footer

Hello Experts,

I have added footer part in my rad grid & i want to display it in PDF file.

If TypeOf e.Item Is GridFooterItem Then

Dim footer As GridFooterItem = CType(e.Item, GridFooterItem)

footer("Duration_Hours").Controls.Add(New LiteralControl("<span dir ='rtl' style='color: Black; font-weight: bold;'>Total Hours : " & lblTotalhours.Text & "</span

> ")

End If

Is it possible to display Rad grid footer part in PDF file???

Thank You,
Ronak.

General Discussions

answered on 17 Oct 2011

13 answers

213 views

File Explorer Loading Problems / thinking mode

hi dear telerik team :
it seems File Explorer has some problems when want to load a folder / it goes to thinking mode / stay on loding.gif ajax mode!
this problem appeared aftre publish / my server speed is ok -> 5-6 mbps
but i do n't know how can i fix this issue?

FileExplorer

answered on 17 Oct 2011

1 answer

93 views

Custom GridGroupHeaderItem

Hi

View Image attached

In the ItemDataBount I do stuff to customize the GridGroupHeaderItem wich works fine.

When I click on the grid and come back to it, the formatting is lost (right side of the Image attached)

I use the RadAjaxManager and the grid is updated on the event but is not rebinded.

Is there a way not to loose this without rebinding.

here the code if it help

        protected void rdgMeals_ItemDataBound(object source, GridItemEventArgs e)
        {
            if (e.Item != null)
            {
                if (e.Item.ItemType == GridItemType.GroupHeader)
                {
                    GridGroupHeaderItem xGridGroupHeaderItem = (GridGroupHeaderItem)e.Item;
                    HtmlAnchor xHtmlAnchor = new HtmlAnchor();
                    String xDate = ((DateTime)DataBinder.Eval(xGridGroupHeaderItem.DataItem, "Date")).ToString("yyyy-MM-dd");

                    xHtmlAnchor.InnerHtml = "<img alt='Statistics' src='/Images/Statistics.png' height='12' width='12' style='border: none;' /> " + xDate;
                    xHtmlAnchor.HRef = "javascript:void(0);";
                    xHtmlAnchor.Attributes.Add("onclick", "OpenFoodStatisticsMeals('0', '" + this.CurrentUserId + "', '" + xDate + "', '" + xDate + "');");
                    xHtmlAnchor.Style.Add("color", "#000000");
                    xHtmlAnchor.Style.Add("border", "none");
                    xHtmlAnchor.Style.Add("text-decoration", "none");

                    xGridGroupHeaderItem.DataCell.Controls.Add(xHtmlAnchor);
                }
     }
}

Thanks

Grid

answered on 17 Oct 2011

1 answer

91 views

Delete selected row(s) from RadToolBar Ajaxified

Hi.
I´m facing scenario that i do not understand, and can not solve.

In RadToolBar1 I´ve added:
<telerik:RadToolBarButton Text="Delete" CommandName="DeletePost" PostBack="false" ImageUrl="Themes/Default/Icons/Telerik/Delete.png"></telerik:RadToolBarButton>

In RadGrid1 I´ve added:
<telerik:GridClientSelectColumn UniqueName="ClientSelectColumn" CommandName="SelectPost" HeaderStyle-Width="40px" />

When client press button in RadToolBar1 with CommandName="DeletePost" , I want to run my server-side code that will delete selected row(s) from db. Ajaxified.

Markup:

<%@ Page Title="" Language="C#" MasterPageFile="App_master/MasterPage.master" AutoEventWireup="true"

CodeFile="Posts.aspx.cs" Inherits="ccc_Posts" %>

<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">

<telerik:RadAjaxManager runat="server" ID="RadAjaxManager1" OnAjaxRequest="RadAjaxManager1_AjaxRequest">

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="RadAjaxManager1">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="RadGrid1" />

<telerik:AjaxUpdatedControl ControlID="RadToolBar1" />

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="RadToolBar1">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="RadGrid1" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

<telerik:RadAjaxLoadingPanel runat="server" ID="RadAjaxLoadingPanel1">

</telerik:RadAjaxLoadingPanel>

<telerik:RadTreeView runat="Server" ID="RadTreeView1" EnableViewState="False" Style="margin-top: 4px;

margin-left: 4px;">

</telerik:RadTreeView>

</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder2" runat="Server">

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

<script type="text/javascript">

var toolbar;

var grid;

function pageLoad() {

grid = $find("<%=RadGrid1.ClientID %>");

toolbar = $find("<%= RadToolBar1.ClientID %>");

if (grid.get_masterTableView().get_selectedItems().length == 0)

toolbar.findButtonByCommandName("DeletePost").disable();

}

function onGridRowSelected(sender, args) {

toolbar.findButtonByCommandName("DeletePost").enable();

}

// Open window

function OpenWindow(url) {

radopen(url, "NewPost");

}

function OnClientButtonClickingHandler(sender, eventArgs) {

if (eventArgs.get_item().get_value() == "NewPost") {

OpenWindow('NewPost.aspx');

}

</script>

</telerik:RadScriptBlock>

<telerik:RadWindowManager ID="RadWindowManager1" runat="server" Modal="true" Width="1024px"

OnClientClose="closeRadWindow" Behaviors="Close, Reload, Resize, Move, Maximize"

Height="710px" ViewStateMode="Disabled" ShowContentDuringLoad="false" VisibleStatusbar="false">

</telerik:RadWindowManager>

<telerik:RadSplitter runat="server" ID="RadSplitter1" Width="100%" BorderSize="0"

BorderStyle="None" PanesBorderSize="0" Height="100%" Orientation="Horizontal">

<telerik:RadPane runat="server" ID="RadPane1" Height="30px" EnableViewState="false"

Scrollable="false">

<telerik:RadToolBar runat="server" ID="RadToolBar1" EnableViewState="false" CssClass="inbox-search-toolbar"

OnClientButtonClicking="OnClientButtonClickingHandler" OnButtonClick="RadToolBar1_ButtonClick">

<Items>

<telerik:RadToolBarButton Text="New Post" Value="NewPost" PostBack="false" ImageUrl="Themes/Default/Icons/Telerik/Add.png">

</telerik:RadToolBarButton>

<telerik:RadToolBarButton IsSeparator="true" />

<telerik:RadToolBarButton Text="Delete" CommandName="DeletePost" PostBack="false" ImageUrl="Themes/Default/Icons/Telerik/Delete.png">

</telerik:RadToolBarButton>

<telerik:RadToolBarButton IsSeparator="true" />

<telerik:RadToolBarButton Value="searchTextBoxButton">

<ItemTemplate>

<telerik:RadTextBox runat="server" ID="blogToolBarSearchTb" EmptyMessage="Search Posts"

CssClass="inbox-search-textbox" Width="300px" />

</ItemTemplate>

</telerik:RadToolBarButton>

<telerik:RadToolBarButton ImageUrl="Themes/Default/Icons/16x16/search.png" Value="search" />

</Items>

</telerik:RadToolBar>

</telerik:RadPane>

<telerik:RadPane runat="server" ID="RadPane2">

<telerik:RadGrid runat="server" ID="RadGrid1" AutoGenerateColumns="false" GridLines="None"

AllowMultiRowSelection="true" Height="100%" BorderWidth="0px" AllowSorting="True"

Style="outline: none" ShowGroupPanel="True">

<ClientSettings Scrolling-AllowScroll="True" Scrolling-UseStaticHeaders="true" Selecting-AllowRowSelect="true"

EnablePostBackOnRowClick="false" AllowDragToGroup="true" EnableRowHoverStyle="true"

ClientEvents-OnRowSelected="onGridRowSelected">

</ClientSettings>

<MasterTableView TableLayout="Fixed" GroupLoadMode="Client" Width="100%">

<Columns>

<telerik:GridClientSelectColumn UniqueName="ClientSelectColumn" CommandName="SelectPost"

HeaderStyle-Width="40px" />

<telerik:GridTemplateColumn HeaderText="Title" UniqueName="BlogTitle" Groupable="false"

HeaderStyle-Width="100%">

<ItemTemplate>

<a href="#"><b>

<%# Eval("Title")%></b></a>

<div style="margin: 4px 0px;">

<asp:ImageButton ID="statusBtn" runat="server" ImageUrl="~/Themes/Default/Icons/16x16/finished-work2.png"

Style="vertical-align: middle;" />

<span style="vertical-align: middle; margin-left: 2px;">Status:</span>

</div>

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn HeaderText="Action" UniqueName="BlogAction" HeaderStyle-Width="110px"

Groupable="false">

<ItemTemplate>

<div style="margin: 4px 0px;">

<asp:ImageButton ID="actionBtn" runat="server" ImageUrl="~/Themes/Default/Icons/16x16/edit.png"

Style="vertical-align: middle;" />

<span style="vertical-align: middle; margin-left: 2px;"><a href="javascript:OpenWindow('NewPost.aspx?id=<%# Eval("BlogPostId")%>')">

Edit</a></span>

</div>

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn HeaderText="Comments" UniqueName="BlogComments" HeaderStyle-Width="85px"

Groupable="false">

<ItemTemplate>

<div style="margin: 4px 0px;">

<span style="vertical-align: middle; margin-left: 2px;">(num)</span>

</div>

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn HeaderText="User" UniqueName="BlogUserName" HeaderStyle-Width="170px"

GroupByExpression="Username Group by Username">

<ItemTemplate>

<div style="margin: 4px 0px;">

<span style="vertical-align: middle; margin-left: 2px;">

<%# Eval("Username")%></span>

</div>

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn HeaderText="Blog Date" UniqueName="BlogDate" HeaderStyle-Width="150px"

GroupByExpression="BlogDate Group by BlogDate">

<ItemTemplate>

<div style="margin: 4px 0px;">

<span style="vertical-align: middle; margin-left: 2px;">

<%# Eval("BlogDate")%></span>

</div>

</ItemTemplate>

</telerik:GridTemplateColumn>

</Columns>

</MasterTableView>

</telerik:RadGrid>

</telerik:RadPane>

</telerik:RadSplitter>

<script type="text/javascript">

function closeRadWindow() {

$find("<%= RadAjaxManager1.ClientID %>").ajaxRequest();

}

</script>

</asp:Content>

Code:

using System;

using System.Collections.Generic;

using System.Configuration;

using System.Web;

using System.Web.UI;

using System.Web.UI.WebControls;

using CSSUtilityLib;

using CSSUtilityLib.Configuration;

using CSSUtilityLib.Cookie;

using CSSUtilityLib.DataAccess;

using CSSUtilityLib.Email;

using CSSUtilityLib.Process;

using CSSUtilityLib.Security;

using CSSUtilityLib.Transfer;

using CSSUtilityLib.Validation;

using System.Data;

using System.Data.SqlClient;

using Telerik.Web.UI;

public partial class ccc_Posts : System.Web.UI.Page

{

protected void Page_Load(object sender, EventArgs e)

{

// code layer for testing purpose

string connStr = ConfigManager.GetConnStr("CSSBlogDB");

DataSet ds0 = SqlServerDataAccessHelper.ExecuteDataSet(connStr, CommandType.StoredProcedure, "SelectAllBlogPost");

RadGrid1.DataSource = ds0;

RadGrid1.DataBind();

}

protected void RadToolBar1_ButtonClick(object sender, Telerik.Web.UI.RadToolBarEventArgs e)

{

string sCommand = e.Item.Text;

switch (sCommand)

{

case "Delete":

// Code here..

break;

}

protected void RadAjaxManager1_AjaxRequest(object sender, AjaxRequestEventArgs e)

{

RadGrid1.Rebind();

}

Grid

answered on 17 Oct 2011

9 answers

2.1K+ views

Object of type 'System.Double' cannot be converted to type 'System.Int32'

I use a RadGrid with ObjectDataSource. For most fields I use autoedit mode but for one field type of Int32 I added EditItemTemplate with telerik:RadNumericTextBox and bind it with DbValue='<%# Bind("myField") %>'.
The update/insert throws an error "Object of type 'System.Double' cannot be converted to type 'System.Int32'".
How to fix the issue but still use the Bind() approach?

Grid

answered on 16 Oct 2011

1 answer

64 views

Header height

Hi All,
How to increase scheduler's header's height?

Scheduler

answered on 16 Oct 2011