Questions on UI for ASP.NET AJAX Forum

3 answers

133 views

ToolBar Button Image Gets Truncated in IE

Hi,

The images used in ToolBar Buttons gets truncated especially if the images are round in a Sharepoint application page. This behaviour does not happen in firefox though.

Please do refer to the attached screen shots for the scenario and kindly advice how to resolve this issue.

Thanks

ToolBar

answered on 14 Dec 2011

6 answers

245 views

Access FormTemplate Controls from ItemCommand

Hi,

I have a RadTreeList with a FormTemplate. With the custom form I have a RadComboBox that in turn has a RadTreeView inside it to allow me to assign the hierarchical data to the record that is being edited.

I need to be able to access the RadComboBox on the FormTemplate from the ItemCommand event so that I can set it up for the node being edited.

Below is where I am at, I can get the text and ID of the parent node (if there is one). Now I need to assign to the RadComboBox and RadTreeView on the EditForm. I'm fine doing that if only I could find the controls themselves.

Any help?

Regards,

Jon

PS. Could some more complex examples be added to the FormTemplate demos page for this kind of more advanced scenario?

Private Sub uxRadTreeList_ItemCommand(ByVal sender As Object, ByVal e As Telerik.Web.UI.TreeListCommandEventArgs) Handles uxRadTreeList.ItemCommand

If e.CommandName = Telerik.Web.UI.RadTreeList.EditCommandName Then

If Not (DirectCast(e.Item, Telerik.Web.UI.TreeListDataItem).ParentItem Is Nothing) Then

Dim parentSecurityRoleID As String = DirectCast(e.Item, Telerik.Web.UI.TreeListDataItem).ParentItem.Item("SecurityRoleID").Text.ToString()

Dim parentSecurityRole As String = DirectCast(e.Item, Telerik.Web.UI.TreeListDataItem).ParentItem.Item("SecurityRole").Text.ToString()

?????

End If

End Sub

TreeList

answered on 14 Dec 2011

1 answer

108 views

Bubble chart problems

Im trying to make a very simple bubble chart. The input data i have is an array of bubbles. The values of each bubble are; x, y and radius.
Trying to enter these values into a bubble chart yields essentially no sane results at all. The Y axis has a height, but the X axis consists of basically 1 vertical line where a bunch of widthless bubbles are rendered on top of each other. Altering the X values makes no difference at all.
I defined series items as follows:

ChartSeriesItem seriesItem = new ChartSeriesItem( x, y, radius, radius );
series.AddItem( seriesItem );
// etc...

(I also tried a bunch of other combinations that made different degrees of sense)

If i just want to plot a bunch of bubbles with the above input, how should I input the data into the radchart? What properties do i need to change to make it understand what I want to do?

Chart (Obsolete)

answered on 14 Dec 2011

3 answers

109 views

Grid Column Resize retain

is it possible to retain the resize column width of telerik gridview after the page is refreshed

Grid

answered on 14 Dec 2011

2 answers

68 views

Cancel the css for RadMenu

How I can cancel the css of RadMenu?I wanna use my own style.

Menu

answered on 14 Dec 2011

1 answer

151 views

Radgrid is null at clientside pageload

Hi all,
Im using radgrid in my application.
I try to get the object of radgrid in pageload at clientside(javascript),but im getting grid as null.
If I try in sample page , I'm able to get the grid.
whats wrong in my code can u please tell me as early as possible. Its urgent for me.
Here is my code.

<telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">

<script type="text/javascript">

function pageLoad() {

var grd = $find("<%= grdHistory.ClientID %>");//giving null

}

</script>

</telerik:RadCodeBlock>

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

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

<asp:Table ID="tblFilter" runat="server" CssClass="headerTable" Height="70px" width="758px">

<asp:TableRow>

<asp:TableCell>

<asp:Label ID="begnDatelbl" runat="server" Text="Begin Date:" CssClass="normalLable" />

</asp:TableCell><asp:TableCell>

<telerik:RadDateTimePicker ID="begnDate" runat="server" ClientEvents-OnDateSelected="begnDate_DateSelected"

Skin="Outlook" Width="165px" Height="12px" CssClass="datetimePicker" >

<Calendar runat="server" ID="Calendar1">

<SpecialDays>

<telerik:RadCalendarDay Repeatable="Today" ItemStyle-BackColor="Orange" />

</SpecialDays>

</Calendar>

<DateInput ID="DateInput1" runat="server" DateFormat="MM/dd/yyyy HH:mm:ss" />

<TimeView ID="TimeView1" runat="server" TimeFormat="HH:mm:ss" />

<HideAnimation Type="Slide" />

<ShowAnimation Type="Slide" />

<DatePopupButton ImageUrl="../images/Cal_iconj.gif" HoverImageUrl="../images/Cal_iconj.gif" />

<TimePopupButton ImageUrl="../images/watch.gif" HoverImageUrl="../images/watch.gif" />

</telerik:RadDateTimePicker>

</asp:TableCell><asp:TableCell>

<asp:Label ID="endDatelbl" runat="server" Text="End Date:" CssClass="normalLable" />

</asp:TableCell><asp:TableCell>

<telerik:RadDateTimePicker ID="endDate" runat="server" Skin="Outlook" ClientEvents-OnDateSelected="endPicker_DateSelected"

Width="165px" Height="12px" CssClass="datetimePicker" >

<Calendar runat="server" ID="Calendar2">

<SpecialDays>

<telerik:RadCalendarDay Repeatable="Today" ItemStyle-BackColor="Orange" />

</SpecialDays>

</Calendar>

<DateInput ID="DateInput2" runat="server" DateFormat="MM/dd/yyyy HH:mm:ss" />

<TimeView ID="TimeView2" runat="server" TimeFormat="HH:mm:ss" />

<HideAnimation Type="Slide" />

<ShowAnimation Type="Slide" />

<DatePopupButton ImageUrl="../images/Cal_iconj.gif" HoverImageUrl="../images/Cal_iconj.gif" />

<TimePopupButton ImageUrl="../images/watch.gif" HoverImageUrl="../images/watch.gif" />

</telerik:RadDateTimePicker>

</asp:TableCell><asp:TableCell>

<asp:Label ID="serveritylbl" runat="server" Text="Severity:" CssClass="normalLable" />

</asp:TableCell><asp:TableCell>

<asp:DropDownList ID="serverityddl" runat="server" CssClass="dropDwnlist" Height="16%"

Width="120px">

<asp:ListItem Value="All" Selected="True">Show All</asp:ListItem>

<asp:ListItem Value="Low">Low</asp:ListItem>

<asp:ListItem Value="Minor">Minor</asp:ListItem>

<asp:ListItem Value="Major">Major</asp:ListItem>

</asp:DropDownList>

</asp:TableCell><asp:TableCell></asp:TableCell></asp:TableRow><asp:TableRow>

<asp:TableCell>

<asp:Label ID="sourcelbl" runat="server" Text="Source:" CssClass="normalLable" />

</asp:TableCell><asp:TableCell>

<asp:DropDownList ID="sourceddl" runat="server" CssClass="dropDwnlist" Width="120px" DataTextField="SourceId"

DataValueField="SourceId" AppendDataBoundItems="true" Height="16%">

</asp:DropDownList>

</asp:TableCell><asp:TableCell>

<asp:Label ID="productNamelbl" runat="server" Text="Product:" CssClass="normalLable" />

</asp:TableCell><asp:TableCell>

<asp:DropDownList ID="productddl" runat="server" CssClass="dropDwnlist" DataTextField="ProductName" Width="120px"

DataValueField="ProductName" AppendDataBoundItems="true" Height="16%">

<asp:ListItem Value="All" Selected="True">Show All</asp:ListItem>

</asp:DropDownList>

</asp:TableCell><asp:TableCell>

<asp:Label ID="alarmCodelbl" runat="server" Text="Alarm Code:" CssClass="normalLable" />

</asp:TableCell><asp:TableCell>

<asp:DropDownList ID="alarmddl" runat="server" CssClass="dropDwnlist" DataTextField="AlarmCode"

DataValueField="AlarmCode" AppendDataBoundItems="true" Height="16%" Width="120px">

</asp:DropDownList>

</asp:TableCell><asp:TableCell>

<asp:ImageButton ID="imgbtnGenerateRpt" runat="server" ImageUrl="~/images/disablebtn.gif"

Enabled="false" OnClick="imgbtnGenerateRpt_Click" Width="90px"

Height="20px" />

</asp:TableCell></asp:TableRow></asp:Table><div class="line"></div>

<asp:Panel ID="pnlExport" runat="server">

<table style="overflow: auto; width:99%; height: 28px;">

<tr>

<td style="background-image: url('../images/lblBackGround.gif'); background-repeat: no-repeat;

overflow: auto;">

<asp:Label ID="lblHeader" runat="server" Text="Alarm History" CssClass="logReportlbl" /> <asp:ImageButton ID="gridHistoryBtnExcel" ToolTip="Excel" ImageUrl="../images/excel_20x20.png"

OnClick="btnExcelHistory_Click" runat="server" Height="16px" /> <asp:ImageButton ID="gridHistoryBtnCsv" ToolTip="Csv" ImageUrl="../images/csv_20x20.png"

OnClick="btnCSVHistory_Click" runat="server" Height="16px" /> <asp:ImageButton ID="btnPrintHistory" ImageUrl="../images/PrintBlue.PNG" OnClick="btnPrintHistory_Click"

ToolTip="Print" runat="server" />

<asp:ImageButton ID="gridHistoryBtnHelp" ToolTip="Help" ImageUrl="../images/help_20x20.png"

runat="server" Height="16px" OnClientClick="window.open('//Help/ApplicationHelp.htm');" />

</td>

<td style="text-align:right;">

<asp:Label ID="dateLbl" runat="server" CssClass="italicLbl"/>

</td>

</tr>

<tr>

<td colspan="2" style="text-align:right;">

<asp:Label ID="filterLbl" runat="server" Text="Source:All,Product:All,Alarm Code:All,Severity:All" CssClass="italicLbl"/>

</td>

</tr>

</table>

</asp:Panel>

<asp:Timer ID="refrshTimer" runat="server" OnTick="refrshTimer_Tick" />

<asp:Panel ID="pnlAlarmSummaryVisibility" runat="server">

<div class="line" style=" margin-top:5px;"></div>

<telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server" loadingpanelid="LoadingPanel1">

<telerik:RadGrid ID="grdHistory" Style="border: 0" runat="server" AllowSorting="true" Width="98%"

PageSize="5" AllowPaging="true" CssClass="gridView1" AutoGenerateColumns="false"

OnItemDataBound="grdHistory_DataBound" OnNeedDataSource="grdHistory_NeedDataSource"

OnItemCommand="grdHistory_ItemCommand" OnSortCommand="grdHistory_SortCommand"

OnExcelMLExportRowCreated="grdHistory_ExcelMLExportRowCreated" OnExcelMLExportStylesCreated="grdHistory_ExcelMLExportStylesCreated">

<SortingSettings EnableSkinSortStyles="false" />

<MasterTableView TableLayout="Fixed" AllowMultiColumnSorting="false" ShowHeadersWhenNoRecords="false">

<ItemStyle CssClass="rgRow" Font-Names="Arial" Font-Size="12px" ForeColor="#000000"/>

<AlternatingItemStyle Font-Names="Arial" Font-Size="12px" ForeColor="#000000"/>

<HeaderStyle CssClass="actLogGrdheader" />

<ItemStyle />

<PagerStyle Mode="NumericPages" />

<Columns>

<telerik:GridBoundColumn DataField="SetDateTime" SortExpression="SetDateTime" HeaderText="Date/Time"

HeaderStyle-Width="70px">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Status" SortExpression="Status" HeaderText="Incident"

ItemStyle-Width="50px"

HeaderStyle-Width="50px">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="SourceId" SortExpression="SourceId" HeaderText="Source"

ItemStyle-Width="80px"

HeaderStyle-Width="80px">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="ProductName" SortExpression="ProductName" HeaderText="Product"

ItemStyle-Width="80px"

HeaderStyle-Width="80px">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="AlarmInfo" SortExpression="AlarmInfo" HeaderText="Description" UniqueName="AlarmInfo"

ItemStyle-Width="260px"

HeaderStyle-Width="260px">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Severity" SortExpression="Severity" HeaderText="Severity"

ItemStyle-Width="60px"

HeaderStyle-Width="60px">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="AlarmDateTime" Visible="false">

</telerik:GridBoundColumn>

</Columns>

</MasterTableView>

<ClientSettings>

<%-- <Scrolling AllowScroll="True" ScrollHeight="100px" UseStaticHeaders="True" SaveScrollPosition="True" >

</Scrolling>--%>

</ClientSettings>

</telerik:RadGrid>

</telerik:RadAjaxPanel>

<div class="line" style="margin-top: -2px"></div>

</asp:Panel>

<asp:Label ID="norecMsgLbl" runat="server" ForeColor="#153b77" Font-Size="15" Font-Names="Arial" style="position:relative; top:150px; left:25%; right:40%;" />

<%--</ContentTemplate>

</asp:UpdatePanel>--%>

<telerik:RadAjaxLoadingPanel id="LoadingPanel1" runat="server" >

<asp:Image ID="img" runat="server" ImageUrl="~/images/loading3.gif" BackColor="Beige"

AlternateText="Loading" Style="top: 100px; left: 307px; position: absolute; height: 17px;

width: 67px" />

</telerik:RadAjaxLoadingPanel>

<asp:Label runat="server" ID="lblError" ForeColor="Red" Font-Bold="true" Font-Size="12px" Font-Names="Arial"></asp:Label><p>

</p><telerik:RadToolTipManager ID="RadToolTipManager1" runat="server" Skin="Telerik"

Animation="None" Position="BottomRight" EnableShadow="true" AutoTooltipify="true">

</telerik:RadToolTipManager>

</form></body></html>

I have this problem in 6 pages,please help me out asap

Grid

answered on 14 Dec 2011

1 answer

98 views

Paging Issue With EnableViewstate="false"

Hi,

I'm facing issue in paging only while clicking on Next/Previous/Last/First paging buttons, I'm doing advanced binding (binding the data using NeedDataSource event) and I kept EnableViewState="false", so that I can bind the grid with some other data during post back, also I'm not calling any ReBind() method of grid during post back.

Could anyone please help me the issue with the paging, while I'm selecting any numeric numbers it's working fine but when clicking on Next/Previous/Last/First paging buttons it's not going to the curresponding page.

Thanks in advance,
Anoop.

Grid

answered on 14 Dec 2011

1 answer

155 views

Display of RadToolBarDropDown Buttons

I'm working with a RadToolBarDropDown item, within the RadToolBar;

The first drop down button appears, but the second drop down button (or subsequent drop down buttons) does not display;

Any insight is appreciated - best regards, Rob

<telerik:RadToolBar ID="RadToolBar4" runat="server" Width="100.3%" OnClientLoad="clientLoad" Skin="Black" CssClass="SeparatedButtons" onbuttonclick="RadToolBar4_ButtonClick">

<Items>

<telerik:RadToolBarButton CommandName="Documents" ID="rbDocuments" runat="server" Text="Documents" Font-Names="Microsoft Sans Serif" Font-Size="Medium">

</telerik:RadToolBarButton>

<telerik:RadToolBarButton runat="server" Text="View Account Profile" Font-Size="Medium" CheckOnClick="true" CommandName="ViewAccountProfile">

</telerik:RadToolBarButton>

<telerik:RadToolBarDropDown runat="server" Text="Drop down" CssClass="rightAligned" Font-Size="Medium">

<Buttons>

<telerik:RadToolBarButton runat="server" Text="Sign Out" Font-Size="Medium" CheckOnClick="true" CommandName="SignOut">

</telerik:RadToolBarButton>

<telerik:RadToolBarButton runat="server" Text="Contact Us" Font-Size="Medium" CheckOnClick="true" CommandName="ContactUs">

</telerik:RadToolBarButton>

</Buttons>

</telerik:RadToolBarDropDown>

<telerik:RadToolBarButton runat="server" Text="Sign Out" Font-Size="Medium" CheckOnClick="true" CommandName="SignOut" CssClass="rightAligned">

</telerik:RadToolBarButton>

<telerik:RadToolBarButton runat="server" Text="Contact Us" Font-Size="Medium" CheckOnClick="true" CommandName="ContactUs" CssClass="rightAligned">

</telerik:RadToolBarButton>

<telerik:RadToolBarButton runat="server" Text="Create Account Profile" Font-Size="Medium" CheckOnClick="true" CommandName="AccountProfile" CssClass="rightAligned">

</telerik:RadToolBarButton>

</Items>

</telerik:RadToolBar>

ToolBar

answered on 14 Dec 2011

1 answer

221 views

Programmatically setting itemcommand event

I'm fairly new to working with the telerik controls so bare with me,

I have a grid that i have been trying to set up in the code behind. So far everything has been going smoothly and working, but when
i go to set the itemcommand event or any event for the matter, when i go to click on the command or do something that should cause to trigger the event, nothing ends up firing. So i was wondering what exactly i am doing wrong with my declaration on my item command.
You will find my code below:

private void createRadGrid()

{

//create radgrid

RadGrid rg = new RadGrid();

rg.ID = "RadGridView";

//setting the datasource and itemcommand event handler.

rg.DataSourceID = "MachineDataSet";

rg.ItemCommand += new GridCommandEventHandler(RadGridView_ItemCommand);

rg.Width = 862;

rg.CellSpacing = 2;

rg.CellPadding = 4;

rg.BorderWidth = 3;

rg.BackColor = System.Drawing.Color.Transparent;

rg.BorderColor = System.Drawing.Color.DarkGray;

rg.ForeColor = System.Drawing.Color.Black;

rg.ItemStyle.HorizontalAlign = HorizontalAlign.Center;

rg.HeaderStyle.HorizontalAlign = HorizontalAlign.Center;

rg.BorderStyle = BorderStyle.Ridge;

rg.ShowStatusBar = true;

rg.AllowPaging = true;

rg.PageSize = 5;

rg.PagerStyle.Mode = GridPagerMode.NextPrevAndNumeric;

rg.AutoGenerateColumns = false;

rg.MasterTableView.PageSize = 5;

rg.MasterTableView.DataKeyNames = new string[] { "ID" };

rg.MasterTableView.ClientDataKeyNames = new string[] { "ID" };

rg.MasterTableView.AutoGenerateColumns = false;

rg.ClientSettings.Resizing.AllowColumnResize = true;

rg.ClientSettings.Resizing.EnableRealTimeResize = true;

rg.ClientSettings.Resizing.ResizeGridOnColumnResize = true;

GridBoundColumn boundColumn = new GridBoundColumn();

boundColumn.DataField = "ID";

boundColumn.HeaderText = "ID";

boundColumn.UniqueName = "MachineID";

boundColumn.Visible = false;

rg.MasterTableView.Columns.Add(boundColumn);

GridBoundColumn boundColumn1 = new GridBoundColumn();

boundColumn1.DataField = "SiteName";

boundColumn1.HeaderText ="Site Name";

boundColumn1.Resizable = true;

boundColumn1.ReadOnly = true;

rg.MasterTableView.Columns.Add(boundColumn1);

GridBoundColumn boundColumn2 = new GridBoundColumn();

boundColumn2.DataField = "Name";

boundColumn2.HeaderText = "Machine Name";

boundColumn2.Resizable = true;

boundColumn2.ReadOnly = true;

rg.MasterTableView.Columns.Add(boundColumn2);

GridBoundColumn boundColumn3 = new GridBoundColumn();

boundColumn3.DataField = "MachineType";

boundColumn3.HeaderText = "Machine Type";

boundColumn3.Resizable = true;

boundColumn3.ReadOnly = true;

rg.MasterTableView.Columns.Add(boundColumn3);

GridBoundColumn boundColumn4 = new GridBoundColumn();

boundColumn4.DataField = "MachineModel";

boundColumn4.HeaderText = "Machine Model";

boundColumn4.Resizable = true;

boundColumn4.ReadOnly = true;

rg.MasterTableView.Columns.Add(boundColumn4);

GridButtonColumn buttonColumn = new GridButtonColumn();

buttonColumn.ButtonType = GridButtonColumnType.PushButton;

buttonColumn.CommandName = "AssignNewValues";

buttonColumn.Resizable = true;

buttonColumn.Text = "Assign New Values";

rg.MasterTableView.Columns.Add(buttonColumn);

PlaceHolder_RadGridView.Controls.Add(rg);

}

Any help or suggestions are greatly appreciated,

Thank you

Grid

answered on 14 Dec 2011

2 answers

190 views

Case Sensitive Bug

hi, i have a combobox with filtering, i want to make sure that the text entered in combobox is item in list so i'm using SelectedValue method. Lets say i have database with ID : CUST01, when i type "CUST01" in combobox and hit check button it displays correctly "Item in list", but when i type "cust01" in combobox it displays "not item in list". I didn't turn on the case-sensitive property, neither did i have allowed custom text property. I'm using 2011 Q1 version, i don't know if this problem exist in the latest version, code belows

ASPX

<telerik:RadComboBox ID="cboCust" Runat="server" Width="178px"

DropDownWidth="500px" HighlightTemplatedItems="True"

EmptyMessage="Select Customer" EnableLoadOnDemand="True" Filter="Contains"

Height="250px" MarkFirstMatch="True" AutoPostBack="True">

<HeaderTemplate>

<table style="width:415px; text-align:left">

<td style="width:50px;">ID</td>

<td style="width:200px;">Name</td>

<td style="width:200px;">Address</td>

</table>

</HeaderTemplate>

<ItemTemplate>

<table style="width:415px; text-align:left">

<td style="width:50px;">

<%# DataBinder.Eval(Container.DataItem, "ID")%>

</td>

<td style="width:200px;">

<%# DataBinder.Eval(Container.DataItem, "Name")%>

</td>

<td style="width:200px;">

<%# DataBinder.Eval(Container.DataItem, "Address")%>

</td>

</table>

</ItemTemplate>

</telerik:RadComboBox>

VB

Protected Sub cboCust_ItemsRequested(ByVal sender As Object, ByVal e As Telerik.Web.UI.RadComboBoxItemsRequestedEventArgs) Handles cboCust.ItemsRequested

cSQL = "SELECT * FROM Customer"

With cboCust

.DataSource = FillDataset(cSQL)

.DataTextField = "ID"

.DataValueField = "ID"

.DataBind()

End With

End Sub