Questions on UI for ASP.NET AJAX Forum

5 answers

123 views

[Solved] Show Text Field in Place of Numeric

Example dataset:

Company	Material	Collected
A	Stone	1
A	Wood	0
A	Marble	1
A	Plastic	1
B	Stone	0
B	Wood	0
B	Marble	0
B	Plastic	1
C	Stone	1
C	Wood	1
C	Marble	1
C	Plastic	1

Is it possible to show "Yes" for 1 and "No" for 0 while still retaining aggregate functionality? Basically, the aggregate should be a sum which is a count of "Yes".

PivotGrid

answered on 02 Apr 2013

5 answers

100 views

Set cursor on selected text when goes from design view to html view

Hi,

My problem is when i select some text in design view and goes into html view, cursor not comes at selected text, cursor always comes at top of content so i can't identify my where is text located in html view because there are lot of content in html, so how can i set cursor on selected text when move from design view to html view.

Thanks,

Editor

answered on 02 Apr 2013

4 answers

299 views

Center a NoRecordsTemplate?

Is there any easy way to center (both horizontally and vertically) a NoRecordsTemplate within the body of the RadGrid when using:

<ClientSettings EnableRowHoverStyle="true">

<Scrolling AllowScroll="true" UseStaticHeaders="true"></Scrolling>

<Selecting AllowRowSelect="true"></Selecting>

</ClientSettings>

on a RadGrid that has a height of 100%?

Grid

answered on 02 Apr 2013

1 answer

142 views

RadGrid in PanelBar

Hi

This is my first use of thiscontrol and this is my second problem with it breaking I have another un resolve post.

I have a panel with a Radgrid. If I have the following ClientSetting on the grid, the panels stop working.

Any Ideas
<ClientSettings>

</ClientSettings>

Andy

PanelBar

answered on 02 Apr 2013

2 answers

198 views

[Solved] Why Does RadWindow Need an UpdatePanel When Parent Page Has an UpdatePanel?

I've constructed a simple AJAX-enabled web page with this code:

<%@ Page Language="C#" MasterPageFile="~/main.master" AutoEventWireup="true" Inherits="taskChecker" Codebehind="taskChecker.aspx.cs" %>

<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">

<script type="text/javascript">

function contentPageLoad(sender, e) {

}

</script>

<asp:HiddenField ID="divScrollInit" runat="server" />

<div class="contentHeader">

Task Checker

</div>

<div class="content1">

<asp:UpdatePanel ID="UpdatePanel1" runat="server">

<ContentTemplate>

<div style="font-size:14px; font-weight:bold; margin-left:-100px; margin-top:-30px">

<asp:RadioButtonList ID="radioButtonMode" runat="server" RepeatDirection="Horizontal" AutoPostBack="true" OnSelectedIndexChanged="radioButtonMode_IndexChanged" CellSpacing="30">

<asp:ListItem Text="Display Task" Value="Display" />

<asp:ListItem Text="Compare Tasks" Value="Compare" />

</asp:RadioButtonList>

</div>

<asp:UpdateProgress ID="UpdateProgress1" runat="server" Visible="true">

<ProgressTemplate>

<div id="progress" class="progress3">

<img src="../Images/Progress/indicator_big.gif" />

<br /><br />

Please Wait

</div>

</ProgressTemplate>

</asp:UpdateProgress>

<asp:Panel ID="panelMain" runat="server" Visible="false" style="margin-left:-50px; margin-bottom:30px">

<div class="titleBlack" style="padding-bottom:10px">

<asp:Label ID="labelInstructions" runat="server" />

</div>

<div id="divTaskListGrid1" style="overflow-x:hidden; overflow-y:auto; width:705px; max-height:200px; border:1px solid black">

<telerik:RadGrid ID="radGridTaskList" runat="server" AutoGenerateColumns="false" AllowSorting="true" Width="687px"

BorderColor="#E7E7FF" BorderStyle="Solid" BorderWidth="1" CellPadding="0" GridLines="Both" OnSelectedIndexChanged="radGridTaskList_SelectedIndexChanged">

<HeaderStyle Font-Bold="true" ForeColor="#031d5b" VerticalAlign="Middle" Height="20" CssClass="pointerOnly headerGrid" />

<ItemStyle CssClass="radGridItem" />

<AlternatingItemStyle CssClass="radGridAltItem" />

<ClientSettings EnablePostBackOnRowClick="true" EnableRowHoverStyle="true" Selecting-AllowRowSelect="true" />

<MasterTableView BorderWidth="0" DataKeyNames="TaskID,TaskLevel">

<Columns>

<telerik:GridBoundColumn DataField="TaskId" HeaderText="Task Id" SortExpression="TaskId" ItemStyle-HorizontalAlign="Center">

<HeaderStyle Width="55px" HorizontalAlign="Center" />

<ItemStyle HorizontalAlign="Center" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="TaskNumber" HeaderText="Task #" SortExpression="TaskNumber" ItemStyle-HorizontalAlign="Center">

<HeaderStyle Width="40px" HorizontalAlign="Center" />

<ItemStyle HorizontalAlign="Right" CssClass="indentRight20" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="TaskDate" HeaderText="Date" SortExpression="TaskDate" DataFormatString="{0:MMM yyyy}">

<HeaderStyle HorizontalAlign="Center" Width="60px" />

<ItemStyle HorizontalAlign="Center" />

</telerik:GridBoundColumn>

<telerik:GridTemplateColumn HeaderText="Mine">

<HeaderStyle HorizontalAlign="Center" Width="50px" />

<ItemStyle HorizontalAlign="Center" />

<ItemTemplate>

<%# GetMine(Convert.ToInt32(Eval("TaskLevel"))) %>

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn HeaderText="Contract">

<HeaderStyle HorizontalAlign="Center" Width="60px" />

<ItemStyle HorizontalAlign="Center" />

<ItemTemplate>

<%# GetContract(Convert.ToInt32(Eval("TaskLevel"))) %>

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridBoundColumn DataField="TaskDescription" HeaderText="Description" SortExpression="TaskDescription" ReadOnly="True">

<HeaderStyle HorizontalAlign="Left" />

<ItemStyle Wrap="true" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="TaskStdHours" HeaderText="Std Hrs" SortExpression="TaskStdHours" ItemStyle-HorizontalAlign="Center">

<HeaderStyle Width="60px" HorizontalAlign="Center" />

</telerik:GridBoundColumn>

<telerik:GridTemplateColumn HeaderStyle-Width="60px" HeaderText="Completed" ItemStyle-HorizontalAlign="Center">

<ItemTemplate>

<asp:Label ID="labelCompleted" runat="server" Text='<%# Convert.ToBoolean(Eval("TaskStatus")) ? "Yes" : "No" %>' />

</ItemTemplate>

</telerik:GridTemplateColumn>

</Columns>

</MasterTableView>

</telerik:RadGrid>

</div>

<div id="divTaskListGrid2" runat="server" style="overflow-x:hidden; overflow-y:auto; width:705px; max-height:200px; border:1px solid black; margin-top:25px">

<telerik:RadGrid ID="radGridTaskList2" runat="server" AutoGenerateColumns="false" AllowSorting="true" Width="687px"

BorderColor="#E7E7FF" BorderStyle="Solid" BorderWidth="1" CellPadding="0" GridLines="Both" OnSelectedIndexChanged="radGridTaskList2_SelectedIndexChanged">

<HeaderStyle Font-Bold="true" ForeColor="#031d5b" VerticalAlign="Middle" Height="20" CssClass="pointerOnly headerGrid2" />

<ItemStyle CssClass="radGridItem" />

<AlternatingItemStyle CssClass="radGridAltItem" />

<ClientSettings EnablePostBackOnRowClick="true" EnableRowHoverStyle="true" Selecting-AllowRowSelect="true" />

<MasterTableView BorderWidth="0" DataKeyNames="TaskID,TaskLevel">

<Columns>

<telerik:GridBoundColumn DataField="TaskId" HeaderText="Task Id" SortExpression="TaskId" ItemStyle-HorizontalAlign="Center">

<HeaderStyle Width="55px" HorizontalAlign="Center" />

<ItemStyle HorizontalAlign="Center" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="TaskNumber" HeaderText="Task #" SortExpression="TaskNumber" ItemStyle-HorizontalAlign="Center">

<HeaderStyle Width="40px" HorizontalAlign="Center" />

<ItemStyle HorizontalAlign="Right" CssClass="indentRight20" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="TaskDate" HeaderText="Date" SortExpression="TaskDate" DataFormatString="{0:MMM yyyy}">

<HeaderStyle HorizontalAlign="Center" Width="60px" />

<ItemStyle HorizontalAlign="Center" />

</telerik:GridBoundColumn>

<telerik:GridTemplateColumn HeaderText="Mine">

<HeaderStyle HorizontalAlign="Center" Width="50px" />

<ItemStyle HorizontalAlign="Center" />

<ItemTemplate>

<%# GetMine(Convert.ToInt32(Eval("TaskLevel"))) %>

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn HeaderText="Contract">

<HeaderStyle HorizontalAlign="Center" Width="60px" />

<ItemStyle HorizontalAlign="Center" />

<ItemTemplate>

<%# GetContract(Convert.ToInt32(Eval("TaskLevel"))) %>

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridBoundColumn DataField="TaskDescription" HeaderText="Description" SortExpression="TaskDescription" ReadOnly="True">

<HeaderStyle HorizontalAlign="Left" />

<ItemStyle Wrap="true" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="TaskStdHours" HeaderText="Std Hrs" SortExpression="TaskStdHours" ItemStyle-HorizontalAlign="Center">

<HeaderStyle Width="60px" HorizontalAlign="Center" />

</telerik:GridBoundColumn>

<telerik:GridTemplateColumn HeaderStyle-Width="60px" HeaderText="Completed" ItemStyle-HorizontalAlign="Center">

<ItemTemplate>

<asp:Label ID="labelCompleted" runat="server" Text='<%# Convert.ToBoolean(Eval("TaskStatus")) ? "Yes" : "No" %>' />

</ItemTemplate>

</telerik:GridTemplateColumn>

</Columns>

</MasterTableView>

</telerik:RadGrid>

</div>

<div style="padding-top:20px">

<asp:Button ID="buttonSubmit" runat="server" OnClick="buttonSubmit_Click" />

</div>

</asp:Panel>

</ContentTemplate>

</asp:UpdatePanel>

<telerik:RadWindow ID="rwResults" runat="server" Behaviors="Close,Move" EnableShadow="true" VisibleStatusbar="false" VisibleTitlebar="true" AutoSize="true" Modal="true" >

<ContentTemplate>

<asp:UpdatePanel ID="UpdatePanel2" runat="server">

<ContentTemplate>

<telerik:RadGrid ID="radGridResults" runat="server" AutoGenerateColumns="false" AllowSorting="true" Width="600" Height="400"

BorderColor="#E7E7FF" BorderStyle="Solid" BorderWidth="1" CellPadding="0" GridLines="Both">

<HeaderStyle Font-Bold="true" ForeColor="#031d5b" VerticalAlign="Middle" Height="20" CssClass="pointerOnly headerGrid" />

<ItemStyle CssClass="radGridItem" />

<AlternatingItemStyle CssClass="radGridAltItem" />

<MasterTableView>

<Columns>

<telerik:GridBoundColumn DataField="TableName" Visible="false" />

<telerik:GridBoundColumn DataField="FieldName" HeaderText="Field" ItemStyle-HorizontalAlign="Left">

<HeaderStyle Width="80px" HorizontalAlign="Left" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Value1">

<HeaderStyle HorizontalAlign="Center" Width="60px" BackColor="#bcd0fe" />

<ItemStyle HorizontalAlign="Center" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Value2">

<HeaderStyle HorizontalAlign="Center" Width="60px" BackColor="#d6bcfe" />

<ItemStyle HorizontalAlign="Center" />

</telerik:GridBoundColumn>

<%-- <telerik:GridImageColumn>

<HeaderStyle HorizontalAlign="Center" Width="30px" />

</telerik:GridImageColumn>--%>

</Columns>

</MasterTableView>

</telerik:RadGrid>

</ContentTemplate>

</asp:UpdatePanel>

</ContentTemplate>

</telerik:RadWindow>

</div>

<div class="subtleMsg">

<div id="msg" />

</div>

</asp:Content>

Attached is a screenshot of one of the two modes of the page. In this simpler mode, the user picks an item from a grid and presses "Display Task". That causes a RadWindow to be opened which contains a summary grid displaying associated data for this item.

I spent several hours trying to get the RadGrid in the RadWindow to display. It would not. Only when I added an UpdatePanel in the RadWindow did it suddenly work.

Two questions:

If the parent page has an UpdatePanel then why does the RadWindow need an UpdatePanel too?
If #1 is always true then shouldn't your documentation include this fact? For example, here it does not.

Sincerely,

Robert W.

Window

answered on 02 Apr 2013

3 answers

79 views

UI effect when cancelling keypress.

Hi

I would like to restrict entries of certain characters into a numeric text box, and I am doing it by handling the clientside Keypress event and cancelling the event in the JS function if the keypressed was one that I do not want to allow. This works great and user cannot type in the disallowed characters. (I am restricting the negative sign and the decimal point sign - see code snippet below).

Question I have is when users press a disallowed character, I would like the numeric text box to display the same visual effect as it does when users type in say an alphabet (which is not allowed on the numeric textbox).
In the case of typing in alphabets, the input box gets a red border and an image of a yellow triangle with an '!' is displayed in the control.
How can I achieve this UI effect when I filter out additional characters using custom javascript.

FYI - here's my JS handler that rejects the negative sign and decimal point.

_allowPositiveIntegersOnly = function (sender, args) {

/* Cancel the keystroke if it is a negativesign or a decimal separator */

var keyCharacter = args.get_keyCharacter();

if (keyCharacter == sender.get_numberFormat().DecimalSeparator ||

keyCharacter == sender.get_numberFormat().NegativeSign) {

args.set_cancel(true);

}

};

Thanks

General Discussions

answered on 02 Apr 2013

13 answers

121 views

OnClientPasteHtml FlashManager

hello,

i have a few questions:
1. my flash file has a resource folder where it is stored.
how i can change the flash object so i will be able to add the "base" param to it
2. i want to add a "allowFullScreen=true" how do i do that?
3. is it possible to make the width and height to be working with percentages?

thank you

Editor

answered on 02 Apr 2013

4 answers

233 views

RadButton radio and Itemtemplate

Is there any way to make this work? I mean I want to use radbutton inside repeater and generate proper radio. But groupname is generated automatically and radio button is just not working. If I cannot use repeter is there any other way to use radbutton as bindable list simillar to radiobuttonlist?

Button

answered on 02 Apr 2013

1 answer

289 views

GroupName issue

Hi

I'm not sure if this is a problem as I cant find anything simialr so it must be me, but here goes-

I have this on my page to create a radio button list from my data, I'n doing it this way because I want to assign javascript to each node on load that I cant seem to do with a radiobuttonlist.

<asp:DataList ID="test" runat="server" RepeatDirection="Vertical">

<ItemTemplate>

<telerik:RadButton ID="RadButton1" runat="server" EnableEmbeddedSkins="false" Skin="Activity" ButtonType="ToggleButton" ToggleType="Radio" GroupName="Refer" Text='<%#Eval("Name") %>'></telerik:RadButton>

</ItemTemplate>

</asp:DataList>

The radio buttons whilst being rendered dont behave like radio buttons, ie I can select them all. this is what is being rendered:

<td>

<a id="rpbOutcomes_i1_test_ctl05_RadButton1" class="RadButton RadButton_Activity rbToggleButton" href="javascript:void(0)"><span class="rbPrimaryIcon rbToggleRadio"></span><span class="rbText">test244</span><input id="rpbOutcomes_i1_test_ctl05_RadButton1_ClientState" name="rpbOutcomes_i1_test_ctl05_RadButton1_ClientState" type="hidden" /></a>

</td>

the groupname isn't being written out.

Now this control is inside a RadPanelBar which is causing me other problems, but should this work or have I midssed something?

Andy

Button

answered on 02 Apr 2013

3 answers

100 views

Grid Borders in IE9

Hi Guys,

I have this CSS set on a Metro Skinned Grid to stop the alternating item bottom border as well as the pager border - all works well in every browser except IE (9 at least)

div.RadGrid_Metro .rgRow td,

div.RadGrid_Metro .rgAltRow td

{

border-bottom:0 !important;

}

.RadGrid_Metro td.rgPagerCell

{

border-color:#ffffff !important;

}

All help most appreciated.
Cheers,
Jon

Grid