Questions on UI for ASP.NET AJAX Forum

1 answer

66 views

Problem with calendar popup in RadDatePicer when using Ajax

Hi,
I want to change visibilty of RadDatePicker with RadComboBox using Ajax.
I also want to add ajax setting code-behind.
I'm using following code:

protected void Page_Load(object

sender, EventArgs e)

{

RadAjaxManager1.AjaxSettings.AddAjaxSetting(rcbSelect, rdpDate);

if(!IsPostback)

rdpDate.Visible = false;

}

protected void rcbSelect_SelectedIndexChanged(object

sender, RadComboBoxSelectedIndexChangedEventArgs e)

{

rdpDate.Visible = true;

}

Everything works great, but there's a problem with RadDatePicker calendar popup. When I click button, it doesn't show after control visible is set to true. It simply does nothing.
No javascript error etc. Do you know what could be wrong? I appreciate any help,
Mateusz

Calendar

answered on 14 Dec 2011

2 answers

121 views

how can we apply css to radcalendar

Hello,

Recently i am working with radcalendar control ,it works well but our requirement is to change the css of radcalendar like the image i have attached below ,is it possible to do like that ,how to do that ,please respond if u have any idea about it.

SkinManager

answered on 14 Dec 2011

1 answer

87 views

calender,special days calender, Scheduler and caching

Hi,

I have to add special days dates from data base table.So i want to know some additional information about caching.

Can I use asp.net out put cache?
Is there any client side caching option available?
how to do cacing for telerik calender and scheduler controls?

Calendar

answered on 14 Dec 2011

4 answers

138 views

[Solved] Related combobox in separate gridtemplatecolumns

I've been banging my head off the table for too long on this and I can't seem to find it anywhere else on the internet, so here goes.

I have a RadGrid with two GridTemplateColumn fields. Each GridTemplateColumn has an EditItemTemplate with a RadComboBox in it.

My question is, how do I relate the RadComboBoxes? I need the values in the second RadComboBox to be based on the selected value in the first RadComboBox:

Here is the basic code:

                    <telerik:GridTemplateColumn DataField="CriminalActivity" UniqueName="CriminalActivity"         
                            EditFormHeaderTextFormat="Activity: ">         
                            <EditItemTemplate>         
                                <telerik:RadComboBox ID="cboActivity" runat="server" AutoPostBack="True" DataSourceID="dsActivities"         
                                    DataTextField="Type" DataValueField="Type"          
                                    OnSelectedIndexChanged="cboActivity_SelectedIndexChanged"          
                                    SelectedValue='<%# Bind("CriminalActivity") %>'>         
                                </telerik:RadComboBox>         
                            </EditItemTemplate>         
                            <ItemTemplate>         
                                <asp:Label ID="lblActivity" runat="server" Text='<%# Eval("CriminalActivity") %>'></asp:Label>         
                            </ItemTemplate>         
                        </telerik:GridTemplateColumn>         
                        <telerik:GridTemplateColumn DataField="ActivityDescription" UniqueName="ActivityDescription"         
                            EditFormHeaderTextFormat="Description: ">         
                            <EditItemTemplate>         
                                <telerik:RadComboBox ID="cboDescription" runat="server"         
                                    OnItemsRequested="cboDescription_ItemsRequested"          
                                    SelectedValue='<%# Bind("ActivityDescription") %>'>         
                                </telerik:RadComboBox>         
                            </EditItemTemplate>         
                            <ItemTemplate>         
                                <asp:Label ID="lblDescription" runat="server" Text='<%# Eval("ActivityDescription") %>'></asp:Label>         
                            </ItemTemplate>         
                        </telerik:GridTemplateColumn>         
             
            Any help is greatly appreciated!
            
            Thanks!        

Grid

answered on 14 Dec 2011

3 answers

190 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

311 views

[Solved] 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

150 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

139 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

99 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

194 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