Questions on UI for ASP.NET AJAX Forum

1 answer

98 views

[Solved] Issue with drilling down in smaller values on clickable Rad chart...

Hi,
I am using fully clickable telerik rad chart in my application...
I can drill down up to 3 levels in chart. When clicking on the bar on main chart, a grid will be displayed and in the grid we have given links to another pages...
Now here the issue is, when value of one bar is too small as compared to another then the bar with too small values is not clickable so I'm unable to drill down to that bar...
I guess this is technical limitation of the control when one bar is having higher values(say in lacs) as compared to another...
So, is there any solution or work around for this??

Thanks in advance...

Chart (Obsolete)

answered on 02 Aug 2011

11 answers

356 views

[Solved] Default filtering settings

Hi,

I have a few questions with regards to filtering in RadGrid.
1)
Is there anyway for me to set these filtering settings by default so that I dun have to type this for every columns?
<telerik:GridBoundColumn DataField="FieldName" HeaderText="1st WS" HeaderStyle-Width="20px"
HeaderTooltip="Something" AutoPostBackOnFilter="true" CurrentFilterFunction="Contains">

2) When I use CurrentFilterFunction="Contains", how I specify case insensitive matching?

3) Is there anyway to apply the filter without a flicker on the page due to AutoPostBackOnFilter="true" ?

Thanks

Grid

answered on 02 Aug 2011

8 answers

255 views

Remove 'Add New Record' command bar color in Telerik Grid

Remove 'Add New Record' command bar color in Telerik Grid

hi ,

i am using a TeleriK grid - Skin = Vista
i have a command bar for adding more records - "Add New Record"
All the functionality is working fine...

My issue is related to look and feel

I want the same look of Grid Headder for the command bar

i want command bar color alos in light blue, as the same of Grid headder

Grid

answered on 02 Aug 2011

3 answers

317 views

How to customize the Add/Edit Appointment popup?

Hi,

Can we customize the Add/Edit Appointments popup with some additional controls like listbox, fileupload etc.?
How to manage snooze and dismiss/dismiss All buttons of Reminder Popup?

Actual problem is, even if we have dismiss the reminder it will alert, so how to handle it.

Find the Attachment of Appointment Add/Edit Popup we requires - is it possible to create?.

Scheduler

answered on 02 Aug 2011

2 answers

90 views

Select row when IMG is clicked

Hi,

I have a GridTemplateColumn that contains an IMG. I have JS code that runs whenever the client side OnRowClick event is fired. This code works fine except for when I click on the IMG.

My grid definition

<telerik:RadGrid ID="grdTicket" runat="server" AutoGenerateColumns="False" Width="946px"

Font-Names="Verdana" Font-Size="X-Small" AllowSorting="True"

AllowPaging="True" OnNeedDataSource="grdTicket_NeedDataSource"

OnPreRender="grdTicket_PreRender"

OnSelectedIndexChanged="grdTicket_SelectedIndexChanged" CellSpacing="0"

GridLines="None">

<ClientSettings>

<ClientEvents OnRowClick="handleRowClick" />

<Selecting AllowRowSelect="True" />

</ClientSettings>

<MasterTableView Width="100%" NoDetailRecordsText="No Records To Display">

<Columns>

<telerik:GridBoundColumn HeaderText="User ID" DataField="UserId" UniqueName="UserID">

</telerik:GridBoundColumn>

<telerik:GridTemplateColumn UniqueName="ReplyColumn" AllowFiltering="false">

<ItemTemplate>

<img alt="reply" src="ico_reply_green.png" title="Reply"/>

</ItemTemplate>

</telerik:GridTemplateColumn>

</Columns>

</MasterTableView>

<PagerStyle Mode="NextPrevNumericAndAdvanced" ShowPagerText="true" />

</telerik:RadGrid>

My JS

<script type="text/javascript">

function getHeaderRow(sender) {

var masterTable = sender.get_masterTableView();

return masterTable.HeaderRow == null ? sender.get_masterTableViewHeader().get_element() : masterTable.HeaderRow;

}

function handleRowClick(sender, args) {

var masterTable = sender.get_masterTableView();

var cellIndex = args.get_domEvent().target.cellIndex;

var cellText = args.get_domEvent().target.innerHTML;

var colName = masterTable.getColumnUniqueNameByCellIndex(getHeaderRow(sender), cellIndex)

alert("Unique name: " + colName + "\nText: " + cellText);

}

</script>

My code behind

protected void grdTicket_NeedDataSource(object source, GridNeedDataSourceEventArgs e)

{

DataSet ds = new DataSet();

DataTable dt = new DataTable();

dt.Columns.Add("UserId");

for (int i = 0; i < 15; i++)

{

DataRow dr = dt.NewRow();

dr["UserId"] = "XYZ" + i.ToString();

dt.Rows.Add(dr);

}

ds.Tables.Add(dt);

grdTicket.DataSource = ds;

}

What do I need to do to get the OnRowClick event to fire when I click on the IMG? I'd like to do this without resorting to server side code.

Thanks,

David

Grid

answered on 02 Aug 2011

1 answer

134 views

All RAD controls script loading errors

Hi
Please look at the following errors

we are unable to access any of the controls at development time.

Please reply ASAP.

Message: Invalid character
Line: 1
Char: 1
Code: 0
URI: http://aspnet-scripts.telerikstatic.com/ajaxz/2010.3.1317/ComboBox/RadComboBoxScripts.js

Message: Invalid character
Line: 1
Char: 1
Code: 0
URI: http://aspnet-scripts.telerikstatic.com/ajaxz/2010.3.1317/Calendar/RadDatePicker.js

Message: Invalid character
Line: 1
Char: 1
Code: 0
URI: http://aspnet-scripts.telerikstatic.com/ajaxz/2010.3.1317/Input/TextBox/RadInputScript.js

Message: Invalid character
Line: 1
Char: 1
Code: 0
URI: http://aspnet-scripts.telerikstatic.com/ajaxz/2010.3.1317/Input/DateInput/RadDateInputScript.js

Message: Invalid character
Line: 1
Char: 1
Code: 0
URI: http://aspnet-scripts.telerikstatic.com/ajaxz/2010.3.1317/Calendar/RadTimeViewScripts.js

Message: Invalid character
Line: 1
Char: 1
Code: 0
URI: http://aspnet-scripts.telerikstatic.com/ajaxz/2010.3.1317/Calendar/RadDateTimePickerScript.js

Message: Invalid character
Line: 1
Char: 1
Code: 0
URI: http://aspnet-scripts.telerikstatic.com/ajaxz/2010.3.1317/Scheduler/RecurrenceRule/RecurrenceRule.js

Message: Invalid character
Line: 1
Char: 1
Code: 0
URI: http://aspnet-scripts.telerikstatic.com/ajaxz/2010.3.1317/Scheduler/RecurrenceEditor/RecurrenceEditor.js

Message: Invalid character
Line: 1
Char: 1
Code: 0
URI: http://aspnet-scripts.telerikstatic.com/ajaxz/2010.3.1317/Input/NumericTextBox/RadNumericInputScript.js

ComboBox

answered on 02 Aug 2011

6 answers

208 views

[Solved] Setting multiple rows (but not all) into Edit mode at once

Ok, I know how to set all rows into Edit mode.

I know how to do the batch update (with UpdateAll).

I know how to set the entire grid into Edit mode initially.

BUT, what I can't figure out, is how to set any number of user-selected rows into Edit mode. I can only surmise that they must be set into Edit mode via an external button and not via the Edit command for any of the rows currently selected?

Jerry

Grid

answered on 02 Aug 2011

2 answers

133 views

Where should I place the RadAjaxManager ?

Hi,

I got this error because I have RadAjaxManager in both the Site.Master and the Default.aspx page.
[InvalidOperationException: Only one instance of a RadAjaxManager can be added to the page!]

My question is where is the best place to place the RadAjaxManager if I need to ajaxify controls in both Site.Master and Default.aspx?

The 2nd question is how do I display a spinning flower/circle/icon when the control is loading?

Ajax

answered on 02 Aug 2011

10 answers

435 views

[Solved] RadGrid inside scheduler advanced edit/insert form

hi!

I have rad grid inside the scheduler advanced edit/insert form. I declared an event on row clicked for grid but i receive javascript error ( it can not find the function).

Thanks for help
Radek

Scheduler

answered on 02 Aug 2011

6 answers

243 views

RadToolTipManager doesn't work without width & height?

Hi,

I am unable to get this to work without specifying the width and height of the RadToolTipManager.

This doesn't work. I can see some small trace of the tooltip, but barely noticeable. 
    <telerik:RadToolTipManager ID="RadToolTipManager1" runat="server" 
                               AutoTooltipify="true"
                               Position="BottomCenter"
                               Animation="Fade"
                               RelativeTo="Element"
                               HideEvent="LeaveTargetAndToolTip"
                               ShowCallout="true"
                               ContentScrolling="Auto"
                               EnableShadow="true"
                               Skin="Default" />
                                 
<div>
        <asp:Label ID="lbl1" runat="server" ToolTip="This is a label" Text="My Label" />
        <telerik:RadTextBox ID="txtName" runat="server" ToolTip="Please enter your full name" />
</div>
This works:
    <telerik:RadToolTipManager ID="RadToolTipManager1" runat="server" 
                               AutoTooltipify="true"
                               Position="BottomCenter"
                               Animation="Fade"
                               RelativeTo="Element"
                               HideEvent="LeaveTargetAndToolTip"
                               ShowCallout="true"
                               ContentScrolling="Auto"
                               EnableShadow="true"
                               Width="200px" Height="200px"
                               Skin="Default" />
                                 
	<div>
        <asp:Label ID="lbl1" runat="server" ToolTip="This is a label" Text="My Label" />
        <telerik:RadTextBox ID="txtName" runat="server" ToolTip="Please enter your full name" />
	</div>
This is an expected behavior?

ToolTip

answered on 02 Aug 2011