Questions on UI for ASP.NET AJAX Forum

3 answers

264 views

How to display an IMAGE on the left side of the RAD MENU

Hi Telerik Guys !

I have been using the RAD MENU for a quite some while in my project.

Iam using the RADMENU in one of my project & this RADMENU is being populated dynamically .

Now what I need to do is to display the IMAGE(LOGO) along with the RAD MENU.

I dont know how to do it as I have not written any code in my ASPX page nor i have used any TEMPLATE.

Below is the code that I have used in order to dynammically bind the RADMENU:-

    
               <telerik:RadMenu ID="RadMenu1" Width="220px" runat="server" DataSourceID="ModulesSqlDataSource" 
        
                                        DataTextField="MOD_DET_Name" DataValueField="MOD_DET_ID" Flow="Vertical" Font-Names="Trebuchet MS" 
        
                                        Font-Size="15px" OnItemClick="RadMenu1_ItemClick" Skin="Web20">  
        
                                    </telerik:RadMenu> 
        
                                    <asp:SqlDataSource ID="ModulesSqlDataSource" runat="server" ConnectionString="<%$ ConnectionStrings:demoDMSConnectionString %>" 
        
                                        SelectCommand="Usp_Dms_GetModulesForDMSApplication" SelectCommandType="StoredProcedure">  
        
                                    </asp:SqlDataSource>

While , below is the Item Click event of the RADMENU:-

    
             protected void RadMenu1_ItemClick(object sender, Telerik.Web.UI.RadMenuEventArgs e)  
        
                {  
        
                    if (e.Item.Text == "Document Management")  
        
                    {  
        
                        Response.Redirect("~/DocumentManagementSystem.aspx");  
        
                    }  
        
                    else if (e.Item.Text == "Folder Permissions")  
        
                    {  
        
                        Response.Redirect("~/FolderPermissions.aspx");  
        
                    }  
        
                    else if (e.Item.Text == "FTP Management")  
        
                    {  
        
                        Response.Redirect("~/FTPManagement.aspx");  
        
                    }  
        
                    else  
        
                    {  
        
                        Response.Redirect("~/RestoreDocuments.aspx");  
        
                    }  
        
                }

While , my basic requirement is to display the RADMENU just like the image that I have attached.

Please help !!!

Ajay Jamwal

Menu

answered on 08 May 2013

2 answers

400 views

How to Find Certain Column ,Certain Cell values In the Rad Grid

I am new in using telerik rad Grid,I have requirement like this

Column1 | Column2

java | check Box

.Net | check Box

Python | check Box

Like this ,The above one is existing "Rad Grid" having two columns , I want to know In Column2 which check box is checked.,using the allowMultipleRowSelection="true"..,how to find that a particular Check box is checked or Not. Eg:- .Net Row checked Box is checked just assume

how to find that particular check-box of that .net Row,In

Insert And Update ,But it's inside of other grid not an Independent grid. Parent Grid Insert Or Update I need to Find out that particular one.

please give reply...if any one Knows.

This Is Code....

           <telerik:RadGrid ID="RgList1" runat="server" AutoGenerateColumns="false" 
                        ShowHeader="false" Width="148px"  >
                        <MasterTableView AutoGenerateColumns="false" >
                        <Columns>
                            <telerik:GridTemplateColumn >
                            <ItemTemplate>
                            <%# Eval("BankTypeName")%>
                            </ItemTemplate>
                             </telerik:GridTemplateColumn>
                             <telerik:GridTemplateColumn UniqueName="chkBankList1">
                             <ItemTemplate>
                             <asp:CheckBox ID="chkBankTypeName" runat="server"  />
                             </ItemTemplate>

                            </Columns>
                        </MasterTableView>
              <ClientSettings  AllowColumnsReorder="true" EnableRowHoverStyle="true"   > 
             <Selecting AllowRowSelect="true"/>
             </ClientSettings>  
</telerik:RadGrid>

I want to find the whether check Box is checked or Not in .aspx.cs file

See The Image You very clear idea About asked the Question

General Discussions

answered on 08 May 2013

1 answer

118 views

button click events no longer fire

We recently updated our Telerik version to the latest after being about a year behind the current version and are experiencing some very odd behavior.

button events no longer fire from an .ascx page? The break points never get hit but clicking the button does start a post back where the page does reload. It's almost like the page reloads and then forgets why it originally reloaded and never hits the event?

Nothing has changed in our solution other than this telerik update so it's gotta be related to you guys. If it helps, it's wrapped inside of a radsplitter that I use for layout.

What might have changed that is causing this issue?
Thanks,
Jason

Button

answered on 08 May 2013

1 answer

151 views

jQuery & RADDatePicker

(Hope this is the right forum ....)

How do I get the selected date using jQuery?

General Discussions

answered on 08 May 2013

5 answers

136 views

RadSlider with radHtml Chart Loading Slowly in IE browser:

I have a Scenario using RadSlider with RadHTMLChart(Pie) in the Update Panel, in SharePoint 2010 Application Page. I added the RadSlider in ItemTemplate of RadListView control ,we have more than 50 RadSLider controls in the page. When the changes were made in the Slider, the HTMLChart also changed.

When modifying the slider, I pass the value to RadHtmlchart on client side.The problem is when the page Refresh, the RadSLider and RadHTMLChart Controls are not displayed initially.
It takes 15 seconds to show the Slider and RadHTMLChart controls after the page loads. The controls are taking time to load.

I found that when using the minimum count for RadSLider control(2) , the radHtmlChart loads without delay. When increasing the RadSlider control count to 50, the RadHtml chart displays only after 15 seconds after the page load. It is happens only in IE browser.

When i open the same page in Chrome and FireFox the controls are shown within a second.

Then I have changed the RadSlider control property as "EnableServerSideRendering="true"". After changing this property, on page refresh the RadSLider controls displays without any delay. RadSlider works perfectly, but the RadHtmlChart produces the same delay to show the control,when referesh the page.

This issue happens only in IE browser.

Please provide any resolve methods to handle this issue

Slider

answered on 08 May 2013

3 answers

286 views

RadGrid no longer supports null or DBNull value.

We recently upgraded our controls to the Q1 2013 SP2 assembly from 2011 0519. In making this change, we have noticed some significant changes to the way that some of the controls function.
• One of those issues is that the RadGrid control no longer accepts null or DBNull.Value in the DataFields. Changing the underlying data sets to return non-null values is not an immediate option for us since our solution is simply too large to identify all the places where that could be happening. We have been starting the process of re-working some of our pages to do this, but we have several hundred pages/user controls that need to be checked. In the meantime we need to find a work around to make the controls work similarly to the way they used to.
• The other issue is that the Visible=false property on a bound column is no longer maintaining ViewState properly. We know that we can change the Visible to Display and effectively get the old behavior, but there are many places where this was used.
We’ve been seeing other issues, but have not determined if they are due to a change in the Telerik controls or due to a recent upgrade to the latest jQuery library. Can you please at least help us to resolve these two issues?
Kindly let me know if you need any additional information.
Thanks.

Grid

answered on 08 May 2013

1 answer

111 views

Radgrid DetailTable not loading

Hi,

Attached is the code for Hierarchy RadGrid.

I always get error message "No child records to display." though I have added below code:

protected void RadGrid1_DetailTableDataBind(object sender, GridDetailTableDataBindEventArgs e)

{

e.DetailTableView.DataSource = GetPlans();

}

Attached is the code for your reference. Please help.

Grid

answered on 08 May 2013

1 answer

95 views

Create custom skin

Hi Telerik,

How can I create my own skin for RadControls? I need a step by step help guide.

Thanks,
Sameer

General Discussions

answered on 08 May 2013

4 answers

142 views

Error in Telerik Dynamic Code

I have a radgrid in which I am using a custom edit form. When I do anything on the edit form I am getting the error in the screenshot attached to this post. Below is the code for my edit form control and code behind of the custom edit form control.

Custom Edit Form Control UI Code:

<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="EditSCAC.ascx.cs" Inherits="EditSCAC" %>

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

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="scacGrid">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="scacTypeDDL" LoadingPanelID="RadAjaxLoadingPanel1" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

<div>

<table id="scacEditTable">

<tr>

<td>

<table>

<tr>

<td>

<asp:Label runat="server">SCAC:</asp:Label>

</td>

<td>

<asp:TextBox ID="scacTB" runat="server" Text='<%# DataBinder.Eval( Container, "DataItem.SCAC") %>'></asp:TextBox>

</td>

<td>

<asp:Label runat="server">SCAC DESCRIPTION:</asp:Label>

</td>

<td>

<asp:TextBox ID="scacDescTB" runat="server" Text='<%# DataBinder.Eval( Container, "DataItem.SCAC_DESC") %>'></asp:TextBox>

</td>

</tr>

<tr>

<td>

<asp:Label runat="server">SCAC PHONE:</asp:Label>

</td>

<td>

<asp:TextBox ID="scaPhoneTB" runat="server" Text='<%# DataBinder.Eval( Container, "DataItem.SCAC_PHONE") %>'></asp:TextBox>

</td>

<td>

<asp:Label runat="server">SCAC TYPE:</asp:Label>

</td>

<td>

<telerik:RadComboBox ID="scacTypeDDL" AutoPostBack="True" runat="server" EmptyMessage="Please choose a type...">

</telerik:RadComboBox>

</td>

<td>

<asp:Label runat="server">CONTACT:</asp:Label>

</td>

<td>

<telerik:RadComboBox ID="contactDDL" AutoPostBack="True" runat="server" EmptyMessage="Please choose a contact...">

</telerik:RadComboBox>

</td>

</tr>

<tr>

<td colspan="2">

<asp:Button ID="btnUpdate" Text="Update" runat="server" CommandName="Update" Visible='<%# !(DataItem is GridInsertionObject) %>'

CausesValidation="true" ValidationGroup="FormValidationGroup"></asp:Button>

<asp:Button ID="btnInsert" Text="Insert" runat="server" CommandName="PerformInsert"

Visible='<%# (DataItem is GridInsertionObject) %>' CausesValidation="true" ValidationGroup="FormValidationGroup">

</asp:Button>

<asp:Button ID="btnCancel" Text="Cancel" runat="server" CausesValidation="False"

CommandName="Cancel"></asp:Button>

</td>

</tr>

</table>

</td>

</tr>

</table>

</div>

Custom Edit Form Control Code Behind:

using System;

using System.Collections.Generic;

using System.Data;

using System.Linq;

using System.Web;

using System.Web.UI;

using System.Web.UI.WebControls;

using DataAccess;

using Telerik.Web.UI;

namespace IRRIS.Site.DTTS

{

public partial class EditSCAC : System.Web.UI.UserControl

{

public object DataItem { get; set; }

protected void Page_Load(object sender, EventArgs e)

{

Populate_SCACDDL();

Populate_ContactsDDL();

}

protected void Populate_SCACDDL()

{

var ds = new DataSet();

var factory = new QueryFactory(new Configuration().DataConfigurationFile);

var query = factory.GetQuery("P_GET_SCAC_TYPES");

query.Fill(ds);

var list = new List<string>();

var dt = ds.Tables[0];

list = (from dr in dt.AsEnumerable()

select dr.Field<string>("LUVALUE")).ToList<string>();

scacTypeDDL.DataTextField = ds.Tables[0].Columns["LUDESCRIPTION"].ToString();

scacTypeDDL.DataValueField = ds.Tables[0].Columns[1].ToString();

scacTypeDDL.DataSource = ds.Tables[0];

var scacTypeDdlValue = String.Empty;

if (DataItem != null)

{

scacTypeDdlValue = DataBinder.Eval(DataItem, "SCAC_TYPE").ToString();

if (!list.Contains(scacTypeDdlValue))

{

scacTypeDDL.SelectedIndex = -1;

}

else

{

scacTypeDDL.SelectedValue = scacTypeDdlValue;

}

protected void Populate_ContactsDDL()

{

var ds = new DataSet();

var factory = new QueryFactory(new Configuration().DataConfigurationFile);

var query = factory.GetQuery("P_GET_ALL_CONTACTS");

query.Fill(ds);

var list = new List<string>();

var dt = ds.Tables[0];

list = (from dr in dt.AsEnumerable()

select Convert.ToString(dr.Field<decimal>("CONTACT_ID"))).ToList<string>();

contactDDL.DataTextField = ds.Tables[0].Columns["CONTACT_ORG"].ToString();

contactDDL.DataValueField = ds.Tables[0].Columns[0].ToString();

contactDDL.DataSource = ds.Tables[0];

var contactDdlValue = String.Empty;

if (DataItem != null)

{

contactDdlValue = DataBinder.Eval(DataItem, "SCAC_CONTACT_ID").ToString();

if (!list.Contains(contactDdlValue))

{

contactDDL.SelectedIndex = -1;

}

else

{

contactDDL.SelectedValue = contactDdlValue;

}

Any ideas what could be causing this error?

General Discussions

answered on 08 May 2013

1 answer

210 views

jQuery click event not firing after RadAjaxLoadingPanel returns

Hi there,

I'm handling the client side event 'OnClientHiding'. The event is raised and my code is called. In my code some click events are assigned to some check boxes using jQuery. Unfortunately the click event handlers don't run when I click on the check boxes.

The jQuery code works perfectly when the page first loads. Its when I try and re-initialize the check boxes after a call back that it doesn't run properly.

Do you have any idea how to fix this?

Here is some code...

$(document).ready(function () {
    f();
});

function LoadingPanelHiding(sender, eventArgs) {
     f();
}

function f() {
         $('.selectAll').click(function () {
             alert('Hello world!');
         });
}

Cheers, Ian.

Ajax

answered on 08 May 2013