Questions on UI for ASP.NET AJAX Forum

2 answers

211 views

Get count of selected child rows in hierarchical grid in JavaScript

Hi guys,

I am using RadGrid in RadControls for ASPNET AJAX Q2 2008. How do I get a count of all selected rows in the child grids on the clientside (JavaScript). Please note that I am using Q2 2008 RadGrid. The examples I have seen on this site and elsewhere work for newer versions of the RadGrid but they don't work on the Q2 2008 version. Kindly assist. See attachment for the sample of what my grid looks like.

Thanks,
Peterson

Grid

answered on 14 Aug 2014

1 answer

103 views

Class added to Node does not persist after postback

I have two RadTreeViews and am using these to create a data picker... so Available nodes on the left treeView... User Selected nodes on the right treeView...

After the user has selected a node and moved it to the right treeView, I would like to style the nodes as follows:

SelectedNode : Bold [Node Enabled]
ParentNode: Grey [Node Disabled & Node Expanded]
ChildNodes: Normal font [Node Disabled]

I use javascript to achieve this, which works fine the first time round using the 'window.onload' event.

Issue: When I postback the page... all settings remain in place (eg - enabled/disabled) but the styles do not.

I use the trackChanges() and commitChanges() around my javascript code.

I am using the following to remove classes
$telerik.$(node.get_element()).removeClass('bold');

I am using the following to add classes:
$telerik.$(node.get_element()).addClass('bold'); - Does not persist

I am using the following to enable / disable nodes
node.set_enabled(true); - Persists fine...

Can anyone advise why the settings persist but the css styles do not?

Thanks

TreeView

answered on 14 Aug 2014

2 answers

264 views

RadGrid ignoring 'GroupHeaderItemStyle-ForeColor' Attribute

Hi,

I have a RadGrid on one of my ASP pages and I want to change the text color on the group header to something more readable. The default value is quite unreadable, as in the attached example1. I have set the 'GroupHeaderItemStyle-ForeColor="White"'-attribute, but it seems that it is simply ignored at run time. If I set the 'GroupHeaderItemStyle-Font-Bold="true"'-attribute, it is successfully picked up. I have tried setting the 'GroupHeaderItemStyle-CssClass'-attribute to a relevant value as well, but had no success with this as well.

How would I go about achieving this?

The second question I have is how to remove the header columns in the grid for the nested groups as in example 2? I wish to achieve a similar look to the grid in the Telerik example at: http://demos.telerik.com/aspnet-ajax/grid/examples/functionality/grouping/grouping/defaultcs.aspx

Thanks for the assistance!
Regards.

Grid

answered on 14 Aug 2014

4 answers

1.0K+ views

trying to understand no license file licensing

I'm on a team that has one license for DevCraft UI Edition and I don't feel like I'm understanding licensing well enough. I've been reading this:
http://www.telerik.com/help/aspnet-ajax/introduction-deploying-on-shared-hosting.html

And I have the following paragraph that I think is key from the purchase confirmation email that went to the developer on my team that we purchased the license thru:
Note: The controls
come with a special build, which does not have domain or server deployment
limitations and can be used in an unlimited number of projects. That same
developer build works without license keys and never throws license key errors.
******************************************************************************************************

I'm not used to this type of licensing so I'd like to confirm: We can install the product on any number of our developer laptops -- the licensed version that we can download from Telerik or did already, deploy to as many servers as we want and all the laptops and servers will not ever display the "unlicensed version" overlay that happens with unlicensed versions.

General Discussions

answered on 14 Aug 2014

1 answer

153 views

Sharing datasources

Is there a way to share a datasource with multiple on-demand RadComboBox that are dynamically generated (not in a repeater)? I guess I am asking if this should be possible, and I am just missing a clue? If it is, is there an example that demonstrates a working version of this?

A simple version of what I am trying to accomplish would be to just populate a page with 10 pairs of linked on-demand RadComboBoxes (each pair consists of a "header" and a "detail" set of data) that use the same datasource (not a web service, just a straight SqlDataSource.)

ComboBox

answered on 14 Aug 2014

13 answers

269 views

RadHTMLChart - Questions

Hi,

We have implemented the RadHTMLChart and have a few questions:
1. Is it possible to set the font size of the chart Title?
2. Is it possible to set the font style to bold for the chart Title?
3. On the pie chart - is it possible to show the values inside the segments of the chart instead of outside (as it is possible to do in the bar charts)

Thanks,

Chart (HTML5)

answered on 14 Aug 2014

1 answer

104 views

RadMenu inside CommandItem

Hello,

I am working on a project with a RadGrid.

Inside the RadGrid there is a CommandItem, which has a RadMenu.
When the user clicks the RadMenu, the sub-menu opens but it is hidden under the RadGrid. [See video]

How can I solve this?

Thank you,
Daniel.

Grid

answered on 14 Aug 2014

5 answers

190 views

[Solved] Adding a record through inline manipulation of empty row

Hello everyone,

I was wondering if it is possible to add a new record within radgrid by editing each column field directly in the grid. That is, is it possible to input values directly into a specific (empty) row and have the grid save the row as a new record. I have worked with the edit form template, but my client is insistent on being able to add a record directly from the grid, rather than having a form appear. (I have already implemented a separate form for inputting records) I have included an image to help illustrate the functionality I am trying to achieve. I will supply more information if my goal is still unclear.

Thanks,
Matt

Grid

answered on 14 Aug 2014

8 answers

151 views

Proper use of rad ajax manager

hi,
i am having
1] three dropdown populates based on each other.
2] grid populates on the 3 dropdown combination
3] i can edit record or add new record.

given code till i manageble, it works for 3 dropdown and shows grid but i am not able to click on edit or add new activity.

<telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">

<script type="text/javascript">

var column = null;

function MenuShowing(sender, args) {

}

function filterMenuShowing(sender, eventArgs) {

}

function RowSelected(sender, eventArgs) {

}

function CheckSelected() {

}

function validateCombo(source, args) {

}

</script>

</telerik:RadCodeBlock>

<telerik:RadCodeBlock ID="RadCodeBlock2" runat="server">

<script type="text/javascript" id="telerikClientEvents1">

//<![CDATA[

function radtxtClient_OnValueChanged(sender, args) {

//Add JavaScript handler code here

}

//]]>

</script>

</telerik:RadCodeBlock>

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="PanelLabel">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="FY"/>

<telerik:AjaxUpdatedControl ControlID="lblFY"/>

<telerik:AjaxUpdatedControl ControlID="Asg"/>

<telerik:AjaxUpdatedControl ControlID="lblAsg"/>

<telerik:AjaxUpdatedControl ControlID="Task" />

<telerik:AjaxUpdatedControl ControlID="lblTask" />

<telerik:AjaxUpdatedControl ControlID="PanelGrid" />

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting>

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="PanelGrid"/>

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

<asp:panel ID="PanelLabel" runat="server">

<table ">

<tr>

<td>

<telerik:RadComboBox ID="FY" runat="server" AutoPostBack="True" OnSelectedIndexChanged="FY_SelectedIndexChanged"

EnableLoadOnDemand="true" OnItemsRequested="FY_ItemsRequested"

>

</telerik:RadComboBox>

</td>

<td >

<telerik:RadComboBox ID="Asg" runat="server" AutoPostBack="True" OnSelectedIndexChanged="Asg_SelectedIndexChanged"

EnableLoadOnDemand="true" EnableVirtualScrolling="true" OnItemsRequested="Asg_ItemsRequested"

>

</telerik:RadComboBox>

</td>

<td >

<telerik:RadComboBox ID="Task" runat="server" AutoPostBack="True" OnSelectedIndexChanged="Task_SelectedIndexChanged"

EnableLoadOnDemand="true" EnableVirtualScrolling="true" OnItemsRequested="Task_ItemsRequested"

>

</telerik:RadComboBox>

</td>

</tr>

<tr>

<td>

<asp:Label ID="lblFY" runat="server" Text="Label" Visible="False"></asp:Label>

</td>

<td >

<asp:Label ID="lblAsg" runat="server" Text="Label" Visible="False"></asp:Label>

</td>

<td >

<asp:Label ID="lblTask" runat="server" Text="Label" Visible="False" ></asp:Label>

</td>

</tr>

</table>

</asp:panel>

<asp:Panel runat="server" ID="PanelGrid" BackColor="#66CCFF" Visible="False" BorderStyle="Outset">

<table >

<tr>

<td>

<telerik:RadGrid ID="radgridTask" runat="server"

OnPreRender="radgridTask_PreRender"

OnItemCreated="radgridTask_ItemCreated" OnNeedDataSource="radgridTask_NeedDataSource"

OnItemCommand="radgridTask_ItemCommand" OnItemDataBound="radgridTask_ItemDataBound"

AutoGenerateColumns="False">

<ClientSettings AllowColumnsReorder="true" Resizing-AllowResizeToFit="true" EnablePostBackOnRowClick="false"

ReorderColumnsOnClient="True">

<Selecting AllowRowSelect="True" UseClientSelectColumnOnly="True"></Selecting>

<Resizing AllowResizeToFit="True"></Resizing>

</ClientSettings>

<MasterTableView CommandItemDisplay="Bottom" CommandItemSettings-ShowAddNewRecordButton="true"

EditMode="PopUp" DataKeyNames="ID" CommandItemSettings-ShowRefreshButton="false"

HierarchyLoadMode="Client" >

<CommandItemSettings AddNewRecordText="Add New Task-Activity" />

<EditFormSettings EditColumn-EditText="Change Acivity Name"

>

<EditColumn ButtonType="PushButton">

</EditFormSettings>

<Columns>

<telerik:GridClientSelectColumn UniqueName="GridClientSelectColumn" Visible="False">

</telerik:GridClientSelectColumn>

<telerik:GridBoundColumn DataField="ID" HeaderText="ID" UniqueName="ID">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="ActivityName" MaxLength="50" FilterControlAltText="Filter column"

HeaderText="Task-Activities" UniqueName="ActivityName">

<HeaderStyle Font-Bold="True" Font-Size="Larger" HorizontalAlign="Center" />

</telerik:GridBoundColumn>

<telerik:GridEditCommandColumn ButtonType="PushButton" UniqueName="EditColumn" EditText="Edit"

InsertText="Save">

</telerik:GridEditCommandColumn>

</MasterTableView>

</telerik:RadGrid>

</td>

</tr>

<tr>

<td valign="top" style="padding-top: 1px">

<table width="100%" cellspacing="0">

<tr>

<td align="left">

<asp:Button ID="btnAddtask" runat="server" Text="Add Task-Activity"

Enabled="False" Visible="False" />

</td>

<td style="width: 25%">

<asp:Label ID="lblCreatedBy" runat="server" Text="CreatedBy :" Visible="False" ></asp:Label>

</td>

<td>

<asp:TextBox ID="txtCreatedBy" runat="server" ></asp:TextBox>

</td>

</tr>

<tr>

<td style="width: 25%">

<asp:Label ID="lblOwner" runat="server" Text="Owner :" Visible="False"></asp:Label>

</td>

<td>

<asp:TextBox ID="txtOwner" runat="server" ></asp:TextBox>

</td>

</tr>

</table>

</td>

</tr>

</table>

</asp:Panel>

<tr>

<td>

</td>

</tr>

Thanks

Ajax

answered on 14 Aug 2014

1 answer

165 views

Random AutoCompleteBox glitch when using RequiredFieldValidator

Hi,

I know there were some issues in the past with using the RequiredFieldValidator not working properly with the AutoCompleteBox control (think it was empty when it wasn't), but after updating our Telerik dll to the assembly version of 2014.1.403.35, it seems the issue has gone away for the most part. The issue occasionally shows up for me, but in a random way. Please note that I am using this:

http://www.telerik.com/help/aspnet-ajax/input-validation.html

to highlight required fields that have not been filled out by the user.

One way I'm able to recreate this issue is by pressing the "Get Quote" button first so the required field validators are triggered. I then fill out the information for the first item, but the highlight (in this case, an error icon) is never cleared out and clicking on the submit button doesn't work (see the attached image). Please note that this happens randomly, so it could take four, five tries for the glitch to show up.

The only thing I didn't include was the data source, but I'm sure this would work with any with minor tweaking.

Thank you for your help.

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

<title></title>

</head>

<body>

<form id="form1" runat="server">

<div>

<telerik:RadScriptManager ID="RadScriptManager1" runat="server">

</telerik:RadScriptManager>

<telerik:RadAjaxManager ID="ramMain" runat="server" DefaultLoadingPanelID="ralpDefault" >

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="btnGetQuote">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="LTLUI" UpdatePanelCssClass="" LoadingPanelID="ralpDefault"/>

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

<telerik:RadSkinManager runat="server" ID="rskmMain" Skin="Windows7" ShowChooser="false" />

<telerik:RadFormDecorator ID="FormDecorator1" runat="server" DecoratedControls="all" EnableRoundedCorners="false">

</telerik:RadFormDecorator>

<telerik:RadAjaxLoadingPanel ID="ralpDefault" runat="server" Height="75px" Width="75px" />

<div id="LTLUI" runat="server" >

<table>

<tr>

<td colspan="2">Origin Postal Code</td>

</tr>

<tr>

<td width="290px">

<telerik:RadAutoCompleteBox OnClientDropDownOpening="OnClientDropDownOpening" OnClientEntryAdding="AutoCompleteBox_OnClientEntryAdding" InputType="Token" TextSettings-SelectionMode="Single" AllowCustomEntry="true" ID="racbOriginZipCode" Width="290px" runat="server" DropDownWidth="250px" DropDownHeight="325px" EmptyMessage="Required field" >

<WebServiceSettings Path="Default.aspx" Method="GetAirportChildren" ></WebServiceSettings>

<ClientDropDownItemTemplate>

<table cellpadding="1" cellspacing="1">

<tr>

<td> #= Attributes.ZipCode #, #= Attributes.City # (#= Attributes.StateMasterCode #)</td>

</tr>

</table>

</ClientDropDownItemTemplate>

</telerik:RadAutoCompleteBox>

</td>

<td>

<asp:RequiredFieldValidator runat="server" ID="rfvOriginZipCode" ControlToValidate="racbOriginZipCode" Text="<img src='../../../Images/Icons/Error.gif'/>" ValidationGroup="InputArea" Enabled="True" InitialValue="" />

</td>

</tr>

<tr>

<td colspan="2">Destination Postal Code</td>

</tr>

<tr>

<td colspan="1">

<telerik:RadAutoCompleteBox InputType="Token" TextSettings-SelectionMode="Single" AllowCustomEntry="true" ID="racbDestZipCode" EmptyMessage="Required field" Width="290px" runat="server" DropDownWidth="250px" DropDownHeight="290px" OnClientEntryAdding="AutoCompleteBox_OnClientEntryAdding" >

<WebServiceSettings Path="Default.aspx" Method="GetAirportChildren"></WebServiceSettings>

<ClientDropDownItemTemplate>

<table cellpadding="1" cellspacing="1">

<tr>

<td> #= Attributes.ZipCode #, #= Attributes.City # (#= Attributes.StateMasterCode #)</td>

</tr>

</table>

</ClientDropDownItemTemplate>

</telerik:RadAutoCompleteBox>

</td>

<td>

<asp:RequiredFieldValidator runat="server" ID="rfvDestZipCode" ControlToValidate="racbDestZipCode" Text="<img src='../../../Images/Icons/Error.gif'/>" ValidationGroup="InputArea" Enabled="True"/>

</td>

</tr>

</table>

<telerik:radbutton runat="server" id="btnGetQuote" Text="Get Quote" CausesValidation="true" ValidationGroup="InputArea" Width="500px" />

</div>