Questions on UI for ASP.NET AJAX Forum

2 answers

123 views

Imagine a RadGrid with about 20 rows of data. Each will have a checkbox. When the user clicks the checkbox, I need to insert a companion row below it that is closely related to the original row.

I can imagine inserting such a new row into the middle of a DataTable and rebinding the RadGrid to the DataTable but to just do this instantly will be visually confusing to the user.

I'm thus wondering if there's a way to animate the insertion of the new row, where essentially the new row "slides" down from the row where the checkbox was clicked?

I hope I've explained my requirement sufficiently. Might anyone have any ideas on how to do this?

Robert

Grid

answered on 05 Jun 2012

2 answers

131 views

Telerik wbesite Menu ("Product families")

Hi everyone,

i'd just wish to know how to get the Telerik website menu : "Telerik.... Product Families... Account.... About us" ?
My goal is to use only one root item (like "Product families" in our example) with a link. I presently use the RadMenu Control, but i cannot :
- align this root item in the center of my menu,
- use a link instead of the button by default.

Question : is it possible with the radMenu control ?

Thx for your help and advices ;)

Menu

answered on 05 Jun 2012

1 answer

148 views

Open a radwindow when click node?

Hi i am using a sitemap.

My code is;

<telerik:RadSiteMap ID="RadSiteMap1" Runat="server"

Skin="WebBlue" Font-Bold="True"

Font-Names="Arial" Font-Size="10pt" Font-Strikeout="False" Height="254px">

<defaultlevelsettings>

<listlayout repeatcolumns="3" />

<ListLayout RepeatColumns="3"></ListLayout>

</defaultlevelsettings>

<levelsettings>

<telerik:SiteMapLevelSetting>

<listlayout repeatcolumns="3" />

<ListLayout RepeatColumns="3" alignrows="True"></ListLayout>

</telerik:SiteMapLevelSetting>

</levelsettings>

<DataBindings>

<telerik:RadSiteMapNodeBinding ImageUrlField="NODE_IMG"

NavigateUrlField="NODE_LINK" TextField="NODE_SUBJ" ToolTipField="NODE_DESC"

ValueField="NODEID_2" />

</DataBindings>

</telerik:RadSiteMap>

and

protected void Page_Load(object sender, EventArgs e)

{

OleDbDataAdapter da = new OleDbDataAdapter("Select * from nodes order by node_subj", conn);

DataTable dt = new DataTable();

da.Fill(dt);

RadSiteMap1.DataSource = dt;

RadSiteMap1.DataBind();

}

The page is redirect when i click the any node. it's oke. But how to open a radwindow when the node is clicked.

Sorry for my english.

Thanks

SiteMap

answered on 05 Jun 2012

1 answer

185 views

Hierarchical Radgrid Expand collapse

I ma using 2 level hierarchical radgrid. In that i want at a time only one data can be inserted or updated. Like if we click on add link and then on edit link then add link should be closed . In the same way no two edit rows can be opened at a time.

Below is the demo which i am referring:
http://demos.telerik.com/aspnet-ajax/grid/examples/dataediting/threelevel/defaultcs.aspx

Grid

answered on 05 Jun 2012

1 answer

98 views

Fill out grid cells with radcombobox embedded in same grid.

Hi guys,

I working with a radgrid that contains in a column a rad Combobox with multiples columns where the user can search items. I wish when the user select an item found in the rad combobox, it must fill out the others cells in the same row. But all events fired after insert or edit command.

Thanks in advance..

Carlos

This is my code:

<telerik:RadGrid ID="RadGrid1" runat="server" AutoGenerateColumns="False" AllowMultiRowEdit="True" CellSpacing="0" Width="100%" Height="250px"

OnUpdateCommand="RadGrid1_UpdateCommand" OnInsertCommand="RadGrid1_InsertCommand" OnDeleteCommand="RadGrid1_DeleteCommand"

OnNeedDataSource="RadGrid1_NeedDataSource" OnRowDrop="RadGrid1_RowDrop" OnItemDataBound="RadGrid1_ItemDataBound"

AllowPaging="True" GridLines="None" PageSize="20">

<ClientEvents

OnGridCreated="GridCreated"

OnRowDropping="RadGrid1_OnRowDropping"

OnRowClick="RadGrid1_RowDblClick"

OnRowDblClick="RadGrid1_RowDblClick"

OnCommand="RadGrid1_GridCommand" />

</ClientSettings>

<MasterTableView Width="100%" HorizontalAlign="NotSet" DataKeyNames="ItemCode"

ShowFooter="false" EditMode="InPlace" CommandItemDisplay="Top" PageSize="20">

<telerik:RadToolBar ID="rtbarGrid" OnButtonClick="rtbarGrid_ButtonClick" runat="server" Width="100%" CausesValidation="false" Visible="false"

OnClientButtonClicking="rtbarGrid_ClientButtonClicking">

<Items>

<telerik:RadToolBarButton Text="Search Item" CommandName="SearchItem" Visible="true" CausesValidation="false"></telerik:RadToolBarButton>

<telerik:RadToolBarButton Text="Add new" CommandName="InitInsert" Visible="<%# !RadGrid1.MasterTableView.IsItemInserted %>" CausesValidation="false"></telerik:RadToolBarButton>

<telerik:RadToolBarButton Text="Edit Item" CommandName="EditSelected" Visible="<%# RadGrid1.EditIndexes.Count == 0 %>" CausesValidation="false"></telerik:RadToolBarButton>

<telerik:RadToolBarButton Text="Update" CommandName="UpdateEdited" CausesValidation="false" Visible="<%# RadGrid1.EditIndexes.Count > 0 %>"></telerik:RadToolBarButton>

<telerik:RadToolBarButton Text="Cancel editing" CommandName="CancelAll" Visible="<%# RadGrid1.EditIndexes.Count > 0 || RadGrid1.MasterTableView.IsItemInserted %>" CausesValidation="false"></telerik:RadToolBarButton>

<telerik:RadToolBarButton Text="Add this Item" CommandName="PerformInsert" Visible="<%# RadGrid1.MasterTableView.IsItemInserted %>" CausesValidation="false"></telerik:RadToolBarButton>

<telerik:RadToolBarButton Text="Delete Item" CommandName="DeleteSelected" Visible="true"></telerik:RadToolBarButton>

</Items>

</telerik:RadToolBar>

</CommandItemTemplate>

<telerik:GridBoundColumn DataField="ItemCode" Visible="true" HeaderText="Item No" UniqueName="colItemCode"></telerik:GridBoundColumn>

<telerik:GridTemplateColumn HeaderText="Manuf Part No." UniqueName="colU_MCGRP_PN" HeaderStyle-Width="200px" ItemStyle-Width="200px">

<telerik:RadComboBox ID="rcbItem" runat="server" Height="200px" Width="100%" DataTextField="U_MCGRP_PN"

EmptyMessage="Choose a Item" HighlightTemplatedItems="true" DataValueField="ItemCode" DropDownWidth="900px" OffsetX="0"

EnableLoadOnDemand="true" Filter="Contains" CloseDropDownOnBlur="true" AutoPostBack="true"

OnSelectedIndexChanged="rcbItem_SelectedIndexChange" OnItemsRequested="rcbItem_ItemsRequested">

<ul>

<li class="cbLItemName">Manuf Part No.</li>

<li class="cbLItemDesc">Description</li>

<li class="cbL2">Brand Name</li>

<li class="cbLShortNumber">Stock</li>

</ul>

</HeaderTemplate>

<ul>

</ul>

</ItemTemplate>

</telerik:RadComboBox>

</EditItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridBoundColumn DataField="FrgnName" HeaderText="Description" UniqueName="colDescription"></telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Brand" HeaderText="Brand Name" UniqueName="colU_ItmBrndN" HeaderStyle-Width="120px" ItemStyle-Width="120px"></telerik:GridBoundColumn>

<telerik:GridNumericColumn DataField="Quantity" HeaderText="Quantity" UniqueName="colQty" DefaultInsertValue="0" DecimalDigits="0"

HeaderStyle-Width="50px" ItemStyle-Width="50px" ItemStyle-HorizontalAlign="Right">

</telerik:GridNumericColumn>

</Columns>

</EditColumn> </EditFormSettings> <PagerStyle Mode="NumericPages" PageButtonCount="4" />

</MasterTableView><FilterMenu EnableImageSprites="False"></FilterMenu>
</telerik:RadGrid>

General Discussions

answered on 05 Jun 2012

1 answer

150 views

Adding RadSkinManager from code behind

Hi,

I have a PageBase class that inherits from System.Web.UI.Page. I also use web user controls extensively. The RadSkinManager skins all the RadControls consistently if the RadFormDecorator is commented out. But as soon as I uncomment the RadFormDecorator sections, all the RadControls on the page acquire the "Default" skin and all ASP controls acquire the desired skin. (i.e. "Forest"). The behavior I want is for all controls to be skinned consistently. How should I modify it so that it works correctly?

Additional Information:
Using Q3 2011
I am also not allowed to use a master page but web user control solutions are ok.
The PageBase class also contains a RadAjaxManager and ScriptManagerProxy if that is of any relevance??

public abstract class PageBaseControl : Page

{

public RadSkinManager DefaultSkinManager;

//public RadFormDecorator DefaultFormDecorator;

protected override void OnInit(EventArgs e)

{

base.OnInit(e);

DefaultSkinManager = new RadSkinManager();

DefaultSkinManager.ID = "DefaultSkinManager";

//DefaultFormDecorator = new RadFormDecorator();

//DefaultFormDecorator.ID = "DefaultFormDecorator";

DefaultSkinManager.Skin = "Forest";

                //DefaultFormDecorator.Skin = "Forest";

DefaultSkinManager.ShowChooser = false;

DefaultSkinManager.PersistenceKey = "Skin";

DefaultSkinManager.PersistenceMode = RadSkinManagerPersistenceMode.Session;

//DefaultFormDecorator.DecoratedControls = FormDecoratorDecoratedControls.All;

Form.Controls.Add(DefaultSkinManager);

//Form.Controls.Add(DefaultFormDecorator);

}

SkinManager

answered on 05 Jun 2012

1 answer

58 views

Need old version DEV "2011.3.1115.35"

Hi,
I'm create an application with the trial version 2011.3.1115.35.
Now I have a licence and I upgrade assembly with the lastest version "Telerik.Web.UI_2012_1_411_Dev_hotfix".
This application has now fonctionnal regression with this version and I want to download DEV version of trial version 2011.3.1115.35
Where I can find it ?

Thanks,
Antoine L.

General Discussions

answered on 05 Jun 2012

0 answers

70 views

Can't Select Date Sept 2nd 2012!!!

Hello,

Were working with Q1 2011 ASP.NET AJAX Controls and we have an issue with DatePicker when we try to select Sept 2nd 2012 we cantt select it, this date is the only one we cant pick in september this year...

Is there any implicit validation we cannot set (we think is the labor day in US, but It supposed to be the first septembers monday!!) ? I tried to set all the properties of the DatePicker control without success

Please Help!!!

Víctor

Calendar

asked on 05 Jun 2012

2 answers

53 views

Changing location of popups in Scheduler

I have an app with a RadScheduler that I am displaying in an Iframe in Sharepoint. For some reason, through the IFrame, the dialogs that open when I insert/update/delete appts are very low on the screen, so that the user has to scroll down to interact with them. This doesn't happen when I use my app directly, only through the IFrame, so I am guessing it is a CSS issue. Any ideas on which Css classes I would need to modify to fix this? Or, perhaps the problem is something else?

Thanks!

Scheduler

answered on 05 Jun 2012

3 answers

68 views

RadEditor EditorTool InsertCustomImage IE9 Problem with JavaScript

Hi Everyone,

I am using RadEditor, and I am trying to create an insert/upload image dialog. It works great in FF, Chrome, IE7/8 and before, but in IE9 it throws JavaScript error

“Line: 792

Error: DOM Exception: INVALID_CHARACTER_ERR (5)”

Built in debugger is throwing error at

}}else{var o=($telerik.isIE)?document.createElement("<iframe name='"+c+"'>"):document.createElement("iframe");

o.name=c;

And console is showing:

SCRIPT5022: DOM Exception: INVALID_CHARACTER_ERR (5)
ScriptResource.axd?d=rJkSr8ttpP52D876ZF1WeNxnHE6aTSXEyuHB1Xl6uJ1zBgTteHkHuv7Y2iAt9aZv9uah5nKxT6ylXPwwQHwgyljpNIHN3Q0-kSVosKQoQ2uPIfQme2LiD3_reNMfI8mZGncmOhVbL4j51EIh2kStPmT25r81&t=ffffffff987f999b, line 792 character 8

This is JavaScript used

Telerik.Web.UI.Editor.CommandList["InsertCustomImage"] = function(commandName, editor, args) {

var myCallbackFunction = function(sender, args) {

editor.pasteHtml(String.format("<img src='{0}' border='0' align='middle' alt='Custom Image' /> ", args.image));

}