Questions on UI for ASP.NET AJAX Forum

1 answer

68 views

I am using two instances of RadEditor to provide the user the ability to "wrap" content within two blocks of html. For example:

Enter HTML TOP (RadEditor)

{content from db}

Enter HTML BOTTOM (RadEditor)

In this way, content from the database is contained in a pretty html template. The problem occurs when you try to put an opening tag inside the HTML TOP and then its closing tag in the HTML BOTTOM (such as a <DIV>).

For instnace, if I place a "<DIV>" in the HTML TOP and a closing "</DIV>" in the HTML BOTTOM what i end up with is "<DIV></DIV>" in the HTML TOP and the "</DIV>" in the HTML BOTTOM is removed.

Is there a way to turn this auto-correcting feature off? I am using the ContentFilters="None" in the declaratively markup but it still does this intrinsic validation.

Editor

answered on 10 Aug 2011

3 answers

66 views

Editor in Chrome

Hi every one.

I had Telerik 2009 before, and now i update it to 2011.
i have some projects in 2009 and i Change one of them to telerik 2011 manualy.(I Deleted Telerik.Web.UI.dll From BIn and refrences and Put one component in one page that made 2011 DLL and then i add id to refrence manualy from bin folder)

And now i have some problem. first of all ,When i make new Project and put RadEditor in it , it is ok in all browsers. but in my previews project that i converted them to 2011 from 2009 , it dont have toolItems in above of it in Google Chrome.(but it is okin IE and Firefox).

Is it the better way to convert projects to new Telerik? , and is it a way for my edtor to be ok in Chrome in converted projects?

Thanks in advance.

Editor

answered on 10 Aug 2011

1 answer

97 views

Grid With Grouping fills only half of Page

Hi all,

We have a very curious layout bug in one of our pages.
We have a grid with grouping that on certain undefined circumstances is shrinked and displayed within the half of the page (see screenshot)

The collegue that did this page (and is currently not in the project any more) wanted the groups to be collapsed initially and wrote a function that goes like this:

function CollapseAll(event) {

var tableView = $find('<%=RadGrid1.ClientID %>').get_masterTableView();

var rows = tableView.get_element().rows;

for (var i = 0, len = tableView.get_element().rows.length; i < len; i++) {

var button = tableView._getGroupExpandButton(rows[i]);

if (button) {

var groupLevel = button.id.split("__")[2];

if (groupLevel == 0) {

tableView._toggleGroupsExpand(button, event);

}

}



We have tried to turn off the function, but it still is displayed the same way. 

When testing local - it works fine.



Any help regarding this will be very appreciated.



Thank in advance!

Grid

answered on 10 Aug 2011

1 answer

140 views

Sticky pagination problem with Splitters and aspPanel

Hi
I have a problem, and describing it might be little complicated.
I have 3 different type of a Web-mail layout:

Preview pane on the right.
Preview pane at the bottom.
Disabled Preview pane.

My problem is like that: My pagination panel gets positioned wrong.
I have a splitters layout (web mail like) with titles, that are presented in the page using aspPanels.
These titles hurts the calculations of the splitter, and as a result the pagination bar get positioned wrong.
But in one layout of the screens - Bottom, the pagination bar gets positioned ok. It doesn't in two screens that have the same login - they r vertical. (please see attached files. The correct one is "at the bottom")

My .Net code is:

<div class="wrapper">

<telerik:RadSplitter ID="rsptMain" Runat="server" Skin="sunsetGreen" EnableAjaxSkinRendering="true" EnableEmbeddedSkins="false" Width="100%" Height="100%" VisibleDuringInit="false">

<telerik:RadPane ID="foldersPane" runat="server" Width="250" Height="100%" Scrolling="None">

<telerik:RadSplitter ID="RadSplitter1" Runat="server" Skin="sunsetGreen" EnableEmbeddedSkins="false" EnableAjaxSkinRendering="true" EnableEmbeddedBaseStylesheet="false" Height="100%" Orientation="Horizontal" VisibleDuringInit="false">

<telerik:RadPane ID="FolderTreePane" Width="250" runat="server" Scrolling="None">

<h2 class="PageLeftMainTitle" id="PageLeftMainTitle">Curriculus</h2>

<telerik:RadTreeView>........</telerik:RadTreeView>

</telerik:RadPane>

<telerik:RadSplitBar ID="FolderPaneSplitBar" runat="server" CollapseMode="Backward" EnableResize="False" ></telerik:RadSplitBar>

<telerik:RadPane Width="250" Height="90" ID="BottomLeftMenuPane" runat="server" Scrolling="None" OnClientCollapsed="BottomLeftMenuPaneToggled" OnClientExpanded="BottomLeftMenuPaneToggled">

<uc1:BottomLeftMenu ID="BottomLeftMenu" runat="server" />

</telerik:RadPane>

</telerik:RadSplitter>

</telerik:RadPane>

<telerik:RadSplitBar ID="foldersSplitBar" runat="server" CollapseMode="Forward"></telerik:RadSplitBar>

<telerik:RadPane ID="curriculumPane" runat="server" Height="100%" Scrolling=None>

<asp:Panel ID="pFolderInfoGrid" CssClass="CurriculusGridTitleEMenu" runat="server">

<h2>

<asp:Literal ID="ltFolderName" runat="server" Text="Todos filtros juntos"></asp:Literal>

</h2>

<div class="PainelDeLeitura" id="PainelDeLeituraButton">

<span class="subMenuTitle" onclick="ShowColumnHeaderMenu(event,'ReadPainel')">

<span>Painel de Leitura</span>

</span>

</div>

</asp:Panel>

<telerik:RadSplitter ID="rsptMainCurriculum" Runat="server" Skin="sunsetGreen" EnableAjaxSkinRendering="true" EnableEmbeddedBaseStylesheet="false" EnableEmbeddedSkins="false" Width="100%" Height="100%" Orientation="Horizontal">

<telerik:RadPane ID="curriculumListPane" runat="server" CssClass="curriculumListPane" runat="server" Height="100%" Scrolling="None">

<telerik:RadGrid ID="rgridCurriculum" CssClass="rgridCurriculum" runat="server" AllowSorting="true" AllowPaging="true" PageSize="10" ViewStateMode="Enabled" OnNeedDataSource="rgridCurriculum_NeedDataSource" OnItemDataBound="rgridCurriculum_ItemDataBound" AllowMultiRowSelection="true" OnRowDrop="rgridCurriculum_RowDrop" Skin="sunsetGreen" EnableEmbeddedSkins="false" Height="100%">

<PagerStyle Mode="NextPrevAndNumeric" />

<MasterTableView AutoGenerateColumns="false" DataKeyNames="Code" AllowPaging="true" TableLayout="Fixed">...........

</MasterTableView>

<ClientSettings EnableRowHoverStyle="true" AllowRowsDragDrop="true" EnablePostBackOnRowClick="false">

<Selecting AllowRowSelect="True" EnableDragToSelectRows="false" />

<ClientEvents OnRowDropping="rgridCurriculum_OnRowDropping" />

<ClientEvents OnRowDblClick="rgridCurriculum_OnRowDblClick" />

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

</ClientSettings>

</telerik:RadGrid>

</telerik:RadPane>

<telerik:RadSplitBar ID="curriculumSplitBar" runat="server" CollapseMode="Forward" Visible="false"></telerik:RadSplitBar>

<telerik:RadPane ID="curriculumViewPane" runat="server" Visible="false"></telerik:RadPane>

</telerik:RadSplitter>

</telerik:RadPane>

</telerik:RadSplitter>

</div>

My code block readability is terrible. I tried removing unnecessary parts from it.
the thing is that my asp:panel is inside the telerik:RadPane that has 100% and is holding the main big vertical splitter, and than under it the telerik:RadSplitter appears.

it looks like that

<telerik:RadPane

<asp:Panel

<telerik:RadSplitter

In the "at the bottom" everything works fine. The splitter calculate the height without the AspPanel height. But in the "on the right" & "disabled" screen it joins them.

Why? The order of my DOM is equall in the 3 files. What can create this difference?

I hope I was clear, and I hope my code was some how readable :)

Thanks for any help.
Shlomi.

Splitter

answered on 10 Aug 2011

1 answer

88 views

ValidationSummary stops working after using with telerik:AjaxUpdatedControl

Hi All,
When I use ValidationSummary with AjaxUpdateControl it works fine for the first time but after reload it stop working,
Not able to find the solution please help.

My code is as below:
<telerik:ValidationSummary HeaderText="Please correct the following error(s):" runat="server" ID="validationSummary" ValidationGroup="group1" />

<telerik:AjaxSetting AjaxControlID="btnSearch">

<telerik:AjaxUpdatedControl ControlID="pnlDisplayResults" LoadingPanelID="AjaxLoadingPanel1" />

<telerik:AjaxUpdatedControl ControlID="notificationDisplayMsg" />
<telerik:AjaxUpdatedControl ControlID="validationSummary" />

</UpdatedControls>

</telerik:AjaxSetting>

Ajax

answered on 10 Aug 2011

2 answers

111 views

Run Javascript after an Ajax Insert or Update

Hi,

I have my radgrid set to use Ajax. I would like to run some javascript after every edit or insert on my grid.

I have tried binding to the onGridCreated and onRowCreated events but they fire too often.

If there any way to say "after a row has been inserted or updated run this javascript" ?

Thanks
Sam

Grid

answered on 10 Aug 2011

1 answer

201 views

How to get node index ID

I am using the RadtreeView control in a ASP.Net webform. Depending on the data, I might display a tree with 1 branch or a Hierarchy tree with many branches and sub branches. Then the user will click on the node they want to select and the form will capture which node the user selected.

Everything works fine if the control shows only 1 branch with many nodes.

However, if the tree is showing a hierarchy with many branches and many nodes under each branch, and the user clicks on their choice of node, the return value is always a 0, 1 or 2. There are 3 main branches in the hierarchy so I assume the return value is the value of the main branch of the node that was selected.

How can I get the RadTreeView to always return the index number of the node I selected? Here is the click event that captures the user selection:

        protected void RadTreeView1_ContextMenuItemClick(object sender, Telerik.Web.UI.RadTreeViewContextMenuEventArgs e)
        {
                    HierarchyItem = e.Node.Index;
                    if (HierarchyItemSelected != null)
                        HierarchyItemSelected(this, EventArgs.Empty);
            }
        }

TreeView

answered on 10 Aug 2011

4 answers

527 views

close radwindow with C# (code behind)

Hi all

Im new with this Telerik controls and I need your help.
Im working with RadWindow like popup, I show this popup for edit a item from radgrid, and I want close this radwindow from a button inside radwindow. I dont want use javascript, then I need close with C#, there are some way to do this?

Thank you for you attention

Window

answered on 10 Aug 2011

1 answer

91 views

Localization for RadSplitter

I imnplement culture dynamically for all the controls.
But I didn't found the way to change the culture for RadSplitter.

How I can do this?

Splitter

answered on 10 Aug 2011

3 answers

66 views

Client Resize Events don't fire

I have a RadScheduler that includes the following ...

OnClientAppointmenMoveStart="RadSchedulerAppointmentMoveStart"

OnClientAppointmentMoveEnd="RadSchedulerAppointmentMoveEnd"

OnClientAppointmentResizeStart ="RadSchedulerAppointmentResizeStart"

OnClientAppointmentResizeEnd="RadSchedulerAppointmentResizeEnd"

And in the JS handler for the ResizeStart event I have an alert.

When I run the page I note that the cursor doesn't change when I haver over the resize handle at the bottom of an appointment and that if I try grabbing it either, nothing happens (the JS alert doesn't fire) or the appointment moves. I guess this latter is 'cos I've grabbed slightly off the resize handle.

I can do nothing to resize the appointment.

FWIW, this is true in IE8 and IE6.

--
Stuart

Scheduler

answered on 10 Aug 2011