Questions on UI for ASP.NET AJAX Forum

1 answer

341 views

Hi,

I'm trying to set the cursor to the given position (let's say X).I've tried to do this in many ways but still not found the solution...

We need to change the content of RadEditor but cursor position should be the same. There's no problem in IE9, but in FF/Chrome/Opera the caret is moving back to the beginning of the document. Do you have any ideas?

Editor

answered on 27 May 2013

1 answer

160 views

Progrmatically Expand\Collapse Selected Group header

Hi Team ,

I am adding group by experissions progrmatically in my code and it is working as expected , I want to Expnad / Collpase selected group header , I am using below code in Item_Command and able to Collapse/Expand groups  as required but when I click next page Grid rebinds and grouping is lost , can you suggest how to go about this problem .

if (e.CommandName == RadGrid.ExpandCollapseCommandName)
{
                GridGroupHeaderItem groupHeaderItem = (GridGroupHeaderItem)e.Item;

                if (groupHeaderItem.Expanded==true)
                    groupHeaderItem.Expanded = false;
                else
                    groupHeaderItem.Expanded = true;
}

Thanks
NS

if (item.IsInEditMode)

item.Expanded =

false;

}

General Discussions

answered on 27 May 2013

1 answer

251 views

OnNodeClick gives Sys.ParameterCountException sometimes

I am using a rad tree to display a list of clickable menu items. But half of the time when i perform a click i get this:

Uncaught Sys.ParameterCountException: Sys.ParameterCountException: Parameter count mismatch. ScriptResource.axd:222
1. Error$createScriptResource.axd:222
2. Error$parameterCountScriptResource.axd:398
3. Function$emptyMethodScriptResource.axd:52
4. Sys$Net$XMLHttpExecutor$abortScriptResource.axd:4920
5. Sys$WebForms$PageRequestManager$abortPostBackScriptResource.axd:296
6. Sys$WebForms$PageRequestManager$_onFormSubmitScriptResource.axd:869
7. Sys$WebForms$PageRequestManager$_doPostBackScriptResource.axd:484
8. (anonymous function)ScriptResource.axd:47
9. (anonymous function)
10. a.RadTreeView._postbackScriptResource.axd:1151
11. a.RadTreeView._postClickCommandScriptResource.axd:1443
12. a.RadTreeView._clickScriptResource.axd:1669
13. Telerik.Web.UI.EventMap._onDomEventScriptResource.axd:488
14. (anonymous function)ScriptResource.axd:47
15. g

I navigated in the console to RadTreeView._postClickCommand and the method "h._getHierarchicalIndex()" appears to be returning the correct parameters (ex 0:0:1)
I am using version 2012.1.411.35 of Web.UI and i have a RadAjaxManager and ScriptManager on the page.

TreeViewCode:

<telerik:RadTreeView ID="treeFolders" runat="server" Skin="skyrouter" EnableEmbeddedSkins="false" EnableDragAndDrop="false" AllowNodeEditing="true"

OnNodeClick="treeFolders_NodeClick1" OnNodeDataBound="treeFolders_NodeDataBound"

OnNodeEdit="treeFolders_NodeEdit" OnContextMenuItemClick="treeFolders_ContextMenuItemClick"

OnClientContextMenuItemClicking="onClientContextMenuItemClicking"

OnClientContextMenuShowing="onClientContextMenuShowing" OnClientNodeClicking="Tree_onNodeClicking"

OnClientMouseOver="Tree_onNodeMouseOver" OnClientMouseOut="Tree_onNodeMouseOut"

OnClientNodeEditStart="TreeNodeEditStart" OnClientNodeEditing="TreeNodeEditing">

<ContextMenus>

<telerik:RadTreeViewContextMenu ID="mailTreeViewContextMenu" Skin="skyrouter" runat="server"

meta:resourcekey="mailTreeViewContextMenu" EnableEmbeddedSkins="false">

<CollapseAnimation Duration="200" Type="OutQuint" />

<Items>

<telerik:RadMenuItem runat="server" Text="New Folder" Value="NewFolder" ImageUrl="~/images/Communicate/Img/OutLook/12.gif"

meta:resourcekey="RadMenuItem1" />

<telerik:RadMenuItem runat="server" Text="Delete" Value="Delete" ImageUrl="~/images/Communicate/Img/OutLook/7.gif"

meta:resourcekey="RadMenuItem2" />

<telerik:RadMenuItem runat="server" Text="Rename" Value="Rename" PostBack="false"

ImageUrl="~/images/Communicate/Img/OutLook/rename.gif" meta:resourcekey="RadMenuItem3" />

</Items>

</telerik:RadTreeViewContextMenu>

<telerik:RadTreeViewContextMenu ID="RadTreeViewContextMenu_Trash" Skin="skyrouter"

runat="server" meta:resourcekey="RadTreeViewContextMenu_Trash" EnableEmbeddedSkins="false">

<CollapseAnimation Duration="200" Type="OutQuint" />

<Items>

<telerik:RadMenuItem runat="server" Text="New Folder" Value="NewFolder" ImageUrl="~/images/Communicate/Img/OutLook/12.gif"

meta:resourcekey="RadMenuItem1" />

<telerik:RadMenuItem runat="server" Text="Delete" Value="Delete" ImageUrl="~/images/Communicate/Img/OutLook/7.gif"

meta:resourcekey="RadMenuItem2" />

<telerik:RadMenuItem runat="server" Text="Rename" Value="Rename" PostBack="false"

ImageUrl="~/images/Communicate/Img/OutLook/rename.gif" meta:resourcekey="RadMenuItem3" />

<telerik:RadMenuItem runat="server" Text="Empty Trash" Value="EmptyFolder" PostBack="true"

ImageUrl="~/images/Communicate/2DeletedItems.gif" meta:resourcekey="RadMenuItem4" />

</Items>

</telerik:RadTreeViewContextMenu>

</ContextMenus>

<CollapseAnimation Duration="100" Type="OutQuint" />

<ExpandAnimation Duration="100" />

</telerik:RadTreeView>

TreeView

answered on 27 May 2013

1 answer

76 views

Problems accessing RadControl client-side API's

I have been scratching my head on this for a few hours now and i have no clue what to do. For some reason, in my project, i am having a problem accessing client-side api's for radcontrols. Below is a screenshot of my javascript error and code. All i am doing is calling a webservice, obtaining json, and then trying to populate the grid control with the json array.

// javascript error
http://i.imgur.com/DyCT2ow.png

// aspx file with code and script
http://i.imgur.com/OknvmYN.png

General Discussions

answered on 27 May 2013

3 answers

128 views

Cancelling logout server event

Hi Telerik,

On Clicking the logout button, I am displaying a confirm box. If the user press yes, then logged out. I tried the following code in the OnClientClicked event but I am getting some sort of JavaScript error in IE. In Firefox nothing happen. Please inspect the below code and guide me.
function OnClientClicked(sender, eventArgs)
{
eventArgs.set_cancel(!confirm("Confirm logout?"));
}

Thanks to all,
Katya

Button

answered on 27 May 2013

7 answers

343 views

Insert/Update not working when moving from auto generated edit forms to form templates.

Hi

I'm working on moving some of our grids from using the auto generated edit forms to using Form Templates, but still using the markup for defining the CRUD operations using the SqlDataSource.
The grids already use asp:SqlDataSource for the CRUD operations and have been working fine with the auto-generated edit forms.

I've now changed the markups and added the FormTemplate which shows the insert / edit form as expected, including binding the column values correctly when editing, but the insert / update operations do not work from these forms.

When I try to insert a record, it simply creates a record with NULL values.
When I try to update record, I get the following error (I have the ConflictDetection set to CompareAllValues):
"You have specified that your update command compares all values on SqlDataSource 'sqlOperatorNotes', but the dictionary passed in for oldValues is empty. Pass in a valid dictionary for update or change your mode to OverwriteChanges"

Seems like the control values are not being passed from the edit/insert form to the sqldatasourc.
Do I need to change anything more to switch from auto generated edit forms to FormTemplates.

Here's part of the formtemplate:

<Telerik:Radtextbox

ID="notesbox"

runat="server"

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

Width="150px">

</Telerik:Radtextbox>

Here's the corresponding grid column

<telerik:GridBoundColumn

UniqueName="Note"

SortExpression="Note"

HeaderText="Note"

HeaderStyle-VerticalAlign="Top"

HeaderButtonType="TextButton"

DataField="Note"

ItemStyle-VerticalAlign="Top">

Grid

answered on 27 May 2013

5 answers

68 views

RadEditor Toolbar rendering issue IE9

Hi, as attached you will see some strange behaviour of the radeditor in IE9.
As you will see, the toolbar is rendered as a bulleted list, but i have no custom skin or css added, that uses OL or UL styling tags

The same page works in Chrome, Firefox and IE10

Do you have some idea it could be? Does it have something to do with a css that i don't know off or what?

This is the markup:

<telerik:RadEditor ID="DescriptionTextBox" runat="server">

MyContent

</Content>

</telerik:RadEditor>

Thx

Editor

answered on 27 May 2013

1 answer

115 views

Grouping breaks horizontal scrolling

I have a radgrid where we wish to have 4 frozen columns and allow users to group one or more of those columns. In the following example, everything is fin un-grouped. I can scroll right and see all the columns. However, when I drag a column and group, the horizontal scroll bar disappears. How do I fix this issue?

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

</telerik:RadScriptManager>

<telerik:RadGrid ID="RadGrid2" runat="server" DataSourceID="SqlDataSourceRadGrid" ShowGroupPanel="true" AutoGenerateColumns="false" Height="600px" Width="600px">

<ClientSettings AllowDragToGroup="true">

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

</ClientSettings>

<MasterTableView TableLayout="Auto">

<Columns>

<telerik:GridBoundColumn UniqueName="Dimension" DataField="Group" HeaderText="Dimension" HeaderStyle-CssClass="rgDimensionHeader" ItemStyle-CssClass="rgDimensionItem" FooterStyle-CssClass="rgDimensionFooter">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn UniqueName="DimensionValue" DataField="Dimension" HeaderText="Dimension Value" HeaderStyle-CssClass="rgDimensionHeader" ItemStyle-CssClass="rgDimensionItem" FooterStyle-CssClass="rgDimensionFooter">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn UniqueName="State" DataField="State" HeaderText="State" HeaderStyle-CssClass="rgDimensionHeader" ItemStyle-CssClass="rgDimensionItem" FooterStyle-CssClass="rgDimensionFooter">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn UniqueName="CountyHRR" DataField="County-HRR" HeaderText="County" HeaderStyle-CssClass="rgDimensionHeader" ItemStyle-CssClass="rgDimensionItem" FooterStyle-CssClass="rgDimensionFooter">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn UniqueName="Dimension" DataField="Group" HeaderText="Dimension" HeaderStyle-CssClass="rgDimensionHeader" ItemStyle-CssClass="rgDimensionItem" FooterStyle-CssClass="rgDimensionFooter">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn UniqueName="DimensionValue" DataField="Dimension" HeaderText="Dimension Value" HeaderStyle-CssClass="rgDimensionHeader" ItemStyle-CssClass="rgDimensionItem" FooterStyle-CssClass="rgDimensionFooter">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn UniqueName="State" DataField="State" HeaderText="State" HeaderStyle-CssClass="rgDimensionHeader" ItemStyle-CssClass="rgDimensionItem" FooterStyle-CssClass="rgDimensionFooter">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn UniqueName="CountyHRR" DataField="County-HRR" HeaderText="County" HeaderStyle-CssClass="rgDimensionHeader" ItemStyle-CssClass="rgDimensionItem" FooterStyle-CssClass="rgDimensionFooter">

</telerik:GridBoundColumn>

</Columns>

</MasterTableView>

</telerik:RadGrid>

<asp:SqlDataSource ID="SqlDataSourceRadGrid" runat="server"

ConnectionString="<%$ ConnectionStrings:Default %>" ProviderName="System.Data.SqlClient" SelectCommandType="StoredProcedure" SelectCommand="dbo.PU_GetDimensionPivotAll">

<SelectParameters>

<asp:Parameter Name="p_Indicator" Direction="Input" Type="Int32" DefaultValue="18" ConvertEmptyStringToNull="false" />

<asp:Parameter Name="p_FilterGroup" Direction="Input" Type="String" DefaultValue="" ConvertEmptyStringToNull="false" />

<asp:Parameter Name="p_FilterDimension" Direction="Input" Type="String" DefaultValue="" ConvertEmptyStringToNull="false" />

<asp:Parameter Name="p_FilterState" Direction="Input" Type="String" DefaultValue="" ConvertEmptyStringToNull="false" />

<asp:Parameter Name="p_FilterCounty" Direction="Input" Type="String" DefaultValue="" ConvertEmptyStringToNull="false" />

<asp:Parameter Name="p_PageSize" Direction="Input" Type="Int32" DefaultValue="200" ConvertEmptyStringToNull="false" />

<asp:Parameter Name="p_PageRequested" Direction="Input" Type="Int32" DefaultValue="1" ConvertEmptyStringToNull="false" />

</SelectParameters>

</asp:SqlDataSource>

Grid

answered on 27 May 2013

1 answer

64 views

RadMenu and IE7

Hi there.
After some good support here to customize the RadMenu bar in terms of appearance, I face a problem in IE7 where the menu items do not appear to slide out/show them but in IE8 and 9 they work perfectly. Any ideas? Here is the relevant code:

Hi there.
I am using RADMenus to dynamically populate menu items. This works fine and I can see it slide out in IE8 and IE9 no problem.
In IE7, this does not seem to show. I can kind of see it sliding out but seems like the menu items are hidden somewhere.

Any ideas how I can fix this? Here is the relevant code:

// this is in a user control:

<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>

<div style="float: right;margin-left:89%; margin-top: 22px; position: absolute; z-index: 10001; color:White; font-family: Segoe UI, Arial, Sans-Serif; font-size:12px;font-weight:bold">
<asp:Literal runat="server" ID="litUserLoggedInDetails" />
</div><br />
<telerik:RadMenu runat="server" ID="RadMenuItems" Height="40px" Width="100%" ForeColor="White">
<DefaultGroupSettings OffsetY="-1" />
</telerik:RadMenu>

// This user control is placed on site.master:
<form runat="server">
<uc:ScriptManagerControl runat="server" ID="ucScriptManagerControl" />
<div id="wrapper">
<uc:NavigationMenuItemsBinderControl runat="server" ID="ucNavMenuBinder" />

// etc....

// CSS:

.RadMenu_Default .rmRootGroup,
.RadMenu_Default a.rmLink,
.RadMenu_Default .rmGroup .rmText,
.RadMenu_Default .rmVertical .rmText,
.RadMenu_Default .rmLeftArrow,
.RadMenu_Default .rmRightArrow,
.RadMenu_Default .rmTopArrow,
.RadMenu_Default .rmBottomArrow
{
background-image: url('../Images/rmSprite.png');
background-color: transparent;
}

.RadMenu_Default .rmRootGroup

{

background: #0072C6 !important; /* Old browsers */

background: linear-gradient(to bottom, #0072C6 0%,#8eb92a 50%,#72aa00 51%,#003A66 100%) !important; /* W3C */

background-image: -ms-linear-gradient(bottom, #003A66 0%, #0072C6 100%) !important; /* IE 10 */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0072C6', endColorstr='#003A66',GradientType=0 ) !important; /* IE6-9 */

color: White !important;

}

.RadMenu_Default .rmGroup, .RadMenu_Default .rmMultiColumn, .RadMenu_Default .rmGroup .rmVertical

{

background: #0072C6 !important;

color: White !important;

}

.RadMenu_Default .rmHorizontal .rmRootLink span.rmText:hover

{

background: #0072C6 !important;

color: White !important;

}

.RadMenu_Default a.rmExpanded, .RadMenu_Default a.rmExpanded:hover

{

background: #0072C6 !important;

color: White !important;

}

.RadMenu_Default .rmItem .rmFirst .rmLink .rmText:hover, .RadMenu_Default .rmItem .rmLast .rmLink .rmText:hover

{

background: #0072C6 !important;

color: White !important;

background-image: none !important;

}

.rmText
{
color : White;
}

#navigation ul {
display: none;
}
#navigation li:hover > ul {
display: block;
}

#navigation {
width: 100%;
background-color: rgb(59, 128, 212);
font-family: arial,sans-serif;
font-size: small;
float: left;
}
#navigation li {
list-style: none;
float: left;
width: 160px;
height: 30px;
line-height: 30px;
text-align: center;
}
#navigation li a {
color: white;
text-decoration: none;
display: block;
}

#menuItem .menuItem a, #menuItem .menuItem a:hover
{
background-color: #FFF;
color: #000;
cursor: default;
}
#navigation li ul {
position: absolute;
display: none;
}

#navigation li ul li {
float: none;
display: inline;
}
#navigation li ul li a {
width: 100%;
position: relative;
border-left: 1px solid black;
border-right: 1px solid black;
border-bottom: 1px solid black;
background: rgb(59, 128, 212);
color: #fff;
}
#navigation li ul li a:hover {
background: #cccccc;
color: #000;
}

Many thanks for your assistance.

Menu

answered on 27 May 2013

3 answers

1.9K+ views

Set "Selected Item" in multiselect RadComboBox

Hi guys,

Is there any way we can set Selected Items or Checked Items in a multiselect RadComboBox ?.

I tried following code but that works only if it is not a multiselect RadComboBox.

RadComboBox.SelectedValue = "123"

Edit : Also I am setting value on post back in vb.net

Thanks,
Rahul

ComboBox

answered on 27 May 2013