Questions on UI for ASP.NET AJAX Forum

11 answers

367 views

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

261 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

332 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

91 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

139 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

224 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

140 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

457 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

262 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

6 answers

105 views

Grid Sorting

Hi all,
I have done grouping and I need to enable sorting . When I am using GridBoundColumn the follwing set of code, sorting, filtering is working
<telerik:GridBoundColumn SortExpression="CloseOutName" HeaderText="testCloseOutName" HeaderButtonType="TextButton"
                        DataField="CloseOutName">
                    </telerik:GridBoundColumn>
But Sorting and Filtering is not working with GridTemplateColumn , Please on this issue
<telerik:GridTemplateColumn HeaderButtonType="TextButton"   SortExpression="CloseOutName">
   <HeaderTemplate >
               <asp:Label ID="lblHeaderCloseOutName" runat="server" Text="workbook/Interim"></asp:Label>
    </HeaderTemplate>
      <ItemTemplate>

     <asp:Label ID="lblCloseOutName" runat="server" Text='<%# eval("CloseOutName") %>' ></asp:Label>

         </ItemTemplate>
        </telerik:GridTemplateColumn>

Grid

answered on 02 Aug 2011