Questions on UI for ASP.NET AJAX Forum

7 answers

382 views

Special characters in RadComboBox and Ajax

I use a RadComboBox with items filled at run-time. The values comes from an entries made by users so I don't have control on them. Also I add the generic item "<No selection>". Without using Ajax, all work fine. But when I put this combo box into a RadAjaxPanel and react to the OnTextChanged event to change the visibility of other controls, in Visual Studio I receive an exception when I select the "<No selection>" item. When the page is first shown, if it's the selected item then no error is thrown, but same thing if I select it.

I discover the problem come from the "<" and ">" characters. So if I replace my text to "[No selection]" then it work! Because I have no control, and don't want to, on values of the list I need to find a solution for this.

I tried to replace them by equivalent code ("<", ">") with no success. I also tried Server.HtmlEncode("<No selection>")but same thing. I also try the second technic as described in http://www.telerik.com/support/kb/aspnet-ajax/combobox/using-displaying-special-characters-in-radcombobox.aspx.

---------------------
I tried the demo located at http://demos.telerik.com/aspnet-ajax/combobox/examples/configurator/defaultcs.aspx and when I enter the value "<No selection>" in the Empty Message field then the entire page is gone! These characters are "killers"...

ComboBox

answered on 09 Jul 2013

3 answers

117 views

[Solved] View ContextMenu only on the parentnode

Hi,
I have an issue regarding the view of tne contextMenu in the RadTreeView. I would like to view the contextMenu only on the parentnode and not on the child node while right_clicking the mouse.
Thank you for any help

<telerik:RadTreeView ID="rtvCatalog" runat="server" EnableDragAndDrop="True"

OnNodeDrop="rtvCatalog_HandleDrop" MultipleSelect="false"

EnableDragAndDropBetweenNodes="true"

OnClientNodeDropping="onNodeDropping"

OnClientMouseOver="onNodeMouseOver"

OnClientMouseOut="onNodeMouseOut"

AllowNodeEditing="true"

OnNodeEdit="rtvCatalog_NodeEdit"

CausesValidation="false" Width="100%"

OnContextMenuItemClick="onMenuItemClick">

<ContextMenus>

<telerik:RadTreeViewContextMenu ID="mnuGroup" runat="server">

<Items>

<telerik:RadMenuItem Text="Order ascending" Value="Ascending"

ImageUrl="~/Images/Sort-ascend.png" runat="server">

</telerik:RadMenuItem>

<telerik:RadMenuItem Text="Order descending" Value="Descending"

ImageUrl="~/Images/Sort-descend.png" runat="server">

</telerik:RadMenuItem>

<telerik:RadMenuItem Text="Copy group in" Value="Select">

</telerik:RadMenuItem>

</Items>

</telerik:RadTreeViewContextMenu>

</ContextMenus>

</telerik:RadTreeView>

TreeView

answered on 09 Jul 2013

1 answer

87 views

Dynamically DateTime.Now Vertical Line

Hello,

I'm using a timelineview radscheduler and i want to add a vertical bar or line which progresses dynamically by the time.
I hope that the attached capute help you to understand what i need.

Thank you.

Scheduler

answered on 09 Jul 2013

1 answer

94 views

[Solved] Hide row on inline edit

I have a grid and am using javascript to hide text and label based on the value of a dropdown within the same grid, during an Insert. Now using server side code on itemCommand in edit mode i need to check one field and hide another row based on value of first. The row I need to hide is a GridBoundColumn. I have been able to hide the textbox, but the label is still there. How can I hide the whole row so that none of this appears?

Grid

answered on 09 Jul 2013

5 answers

82 views

RadTreeView click issue

Hellow,

We are working with RadTabStrip for RadMultiPage. There are three userControls A, B and C for each RadPageView as PageViewA, PageViewB and PageViewC. UserContol B and C are put in userControl A when page load. I have a button in userControl A, click it go to PageViewC which has a RadOrgChart and RadTreeView for list customers. 

(Due to RadOrgChart not fire Click event, So we add radTreeView can be clicked). We need to click Treeview node, then let PageViewA be selected(e.g. let PageViewA tab selected as active tab). Now the problem is after click any Treeview node, it always keep in PageViewC tab afte postback. We have OnNodeClick="RadTreeView1_NodeClick" for RadTreeView and sub as below:

Protected Sub RadTreeView1_NodeClick(ByVal sender As Object, ByVal e As RadTreeNodeEventArgs) Handles RadTreeView1.NodeClick

Dim rpv As RadPageView = CType(UserControlA.FindControl("PageViewA "), RadPageView)

rpv.Selected = True

End Sub

Please advise, how to do the PageViewA tab can be selected after click a treeview node on PageViewC

Thanks in advance.

General Discussions

answered on 09 Jul 2013

2 answers

104 views

Tab skips checkboxes in add/edit popups

I have grids utilizing FormTemplates for adding and editing grid data. Normally we are able to tab through the controls after bringing up the modal, but for some reason checkboxes are always skipped. We would really rather not manually set tab indexes on every control in every edit template in every grid in our application. Is there some straightforward way to fix this?

Here's an example form template used for an edit modal:

<EditFormSettings

CaptionFormatString="Edit Phone Number"

InsertCaption="Add New Phone Number"

EditFormType="Template">

<FormTemplate>

<table id="phoneEditForm"

cellspacing="1"

cellpadding="1"

width="100%">

<tr>

<td>

<des:LocalizableLabel

ID="phoneTypeLabel"

runat="server"

Text="Type">

</des:LocalizableLabel>

</td>

<td>

<aec:TelerikDropDown

ID="phoneTypeDdl"

runat="server"

SelectedValue='<%# Bind("Telephone_Type_Desc") %>'

DataSourceID="sqlPhoneTypeLookupList"

DataTextField="Telephone_Type_Desc"

DataValueField="Telephone_Type_Desc"

DefiningLabelID="phoneTypeLabel"

Purpose="Required"

Width="150px">

</aec:TelerikDropDown>

</td>

</tr>

<tr>

<td>

<des:LocalizableLabel

ID="phoneNumberLabel"

runat="server"

Text="Number*">

</des:LocalizableLabel>

</td>

<td>

<aec:TelerikMaskedTextBox

ID="phoneNumber"

runat="server"

TextWithLiterals='<%# Bind("Number") %>'

Mask="(###) ###-####"

DefiningLabelID="phoneNumberLabel"

MaxLength="10">

</aec:TelerikMaskedTextBox>

<asp:RequiredFieldValidator

ID="phoneValidator"

runat="server"

ControlToValidate="phoneNumber"

ErrorMessage="Number is required."

Display="None ">

</asp:RequiredFieldValidator>

</td>

</tr>

<tr>

<td>

<des:LocalizableLabel

ID="primaryLabel"

runat="server"

Text="Primary">

</des:LocalizableLabel>

</td><td>

<aec:TelerikCheckBox

ID="primaryCheckBox"

runat="server"

Checked='<%# Bind("Is_Primary_Number_Flag") %>'

DefiningLabelID="primaryLabel">

</aec:TelerikCheckBox>

</td>

</tr>

<tr>

<td>

<des:LocalizableLabel

ID="extensionLabel"

runat="server"

Text="Extension">

</des:LocalizableLabel>

</td>

<td>

<aec:TelerikTextBox

ID="extension"

runat="server"

Text='<%# Bind("Extension") %>'

DefiningLabelID="extensionLabel"

MaxLength="4">

</aec:TelerikTextBox>

</td>

</tr>

<tr>

<td>

<des:LocalizableLabel

ID="phoneNoteLabel"

runat="server"

Text="Note">

</des:LocalizableLabel>

</td>

<td>

<aec:TelerikTextBox

ID="phoneNote"

runat="server"

Text='<%# Bind("Note") %>'

DefiningLabelID="phoneNoteLabel"

TextMode="MultiLine"

Width="300px"

Height="120px">

</aec:TelerikTextBox>

</td>

</tr>

</table>

<AERadGrid:EditFormSaveCancelButtons

ID="phoneNumbersEditFormButtons"

runat="Server">

</AERadGrid:EditFormSaveCancelButtons>

</FormTemplate>

</EditFormSettings>

Grid

answered on 08 Jul 2013

7 answers

354 views

[Solved] RadAsyncUpload

I want the FileUploaded button to enable a submit button on the page. What's the most simple way of doing this?

AsyncUpload

answered on 08 Jul 2013

5 answers

218 views

Input disappears after cancelling and removing in progress upload

I have an AsyncUpload control with the following settings:

MaxFileInputsCount = 3
InitialFileInputsCount = 1
AutoAddFileInputs = True

And the rest set to defaults.

If I individually select and start uploading three large files so that they are all in progress, and then hit cancel and remove on one of the uploads before any of them have completed, I no longer get a file input row and am only able to upload two files now even if I remove the other uploads.

If I wait until one of the uploads if finished, the input row will appear as expected.

AsyncUpload

answered on 08 Jul 2013

1 answer

274 views

Clear Series ! Help me

Hi Telerik Support,
I have a RadChartHtml, in code behind, I add series to radChartHtml, This is code I define char on Source

<telerik:RadHtmlChart ID="rhcChart" runat="server" Transitions="true"

Skin="Forest" Width="1250px" Height="600px">

<PlotArea>

<XAxis AxisCrossingValue="0" Color="#b3b3b3" MajorTickType="Outside" MaxValue="12" MinValue="1" MajorTickSize="1"

MinorTickType="Outside" Reversed="False" Step="1">

<TitleAppearance Text="Months of Year">

</TitleAppearance>

</XAxis>

<YAxis AxisCrossingValue="0" Color="#b3b3b3" MajorTickSize="1" MajorTickType="Outside"

MaxValue="9000000" MinorTickSize="1" MinorTickType="Outside" MinValue="0" Reversed="false"

Step="1000000">

<TitleAppearance Position="Center" RotationAngle="0" Text="Dollars">

</TitleAppearance>

<LabelsAppearance DataFormatString="{0}$" RotationAngle="0">

</LabelsAppearance>

</YAxis>

</PlotArea>

<Legend>

<Appearance Visible="True" Position="Bottom">

</Appearance>

</Legend>

</telerik:RadHtmlChart

>

In code Behind



void BuildChart(string BICode, string RevName)
        {
 
            var data = Pnl.GetPnLDataByMonthAndYearAndBICode("2012", "1,2,3,4,5,6,7,8,9,10,11,12", BICode);
            ScatterLineSeries series1 = new ScatterLineSeries();
            series1.Name = RevName;
            series1.LabelsAppearance.Visible = false;
            series1.TooltipsAppearance.BackgroundColor = Color.White;
            series1.TooltipsAppearance.DataFormatString = "{1} $,";
 
 
            for (int i = 0; i <= data.Count - 1; i++)
            {
                SeriesItem seriesItem = new SeriesItem(data[i].month, data[i].AMOUNT);
 
                series1.Items.Add(seriesItem);
            }
 
            rhcChart.PlotArea.Series.Add(series1);
         
        }

This is my code remove series, when click to Remove


rhcChart.PlotArea.Series.RemoveAt(2);

Plz help me :(
Thanks before !

Chart (HTML5)

answered on 08 Jul 2013

1 answer

120 views

Restore Old Skin to Combobox after telerik upgrade

Hi,
we have upgraded telerik to the latest version, and so the UI of the controls have changed yet we have not changed the Skin of the controls (which is Outlook)

before upgrade UI of the combobox was as per the image "old.png", which has changed to 'new.png" after the upgrade.

we want to change the UI of the combobox to the old version.
can you guide us on how to achieve this?

Thanks.

ComboBox

answered on 08 Jul 2013