Questions on UI for ASP.NET AJAX Forum

1 answer

152 views

StripFormattingOnPaste for span not working

Hi all,
i am working on telerik radeditor, i want to make copy paste event with strip formatting,
i implement webpart of telerik rad editor, use StripFormattingOnPaste event to format the copy text, i use
<telerik:RadEditor runat="server" ID="RadEditor1" Height="515" StripFormattingOnPaste="MsWord,Font,Span,Css,ConvertWordLists" ToolsFile="/_wpresources/RadEditorSharePoint/ToolMenu.xml">
</telerik:RadEditor>

using this it edit all the text with css, fonts,scripts, ms word tags, also span....but it not remove all span from copy contain.

following is HTML format after Paste Text in editor but still one span is reaming..

<h1><a name="_Toc335312925">1          Heading  1</a></h1>
<h2><a name="_Toc335312926">1.1   Heading 2</a> </h2>
<p><b>Bold</b><b> </b></p>
<p><i>Italic</i></p>
<p><span style="text-decoration: underline;">Underline</span></p>
<p><sub>Sub</sub>script </p>
<p><sup>Super</sup>script</p>
<ol>
<li>Ordered List 1</li>
<li>Ordered List 2</li>
<li>Ordered List 3</li>
</ol>
<p> </p>
<ul>
<li>Unordered List 1</li>
<li>Unordered List 2</li>
</ul>
Unordered List 3

Editor

answered on 19 Sep 2012

5 answers

112 views

Is there a way to remove qutoe in expression for custom RadFilterDataFieldEditor?

I create a custom RadFilterDataFieldEditor. I know if the type is string, the expression will auto add two qutoe such as [Filed] = 'aaaa'. Is there a way to remove qutoe in expression such as [Filed] = aaaa?

Filter

answered on 19 Sep 2012

4 answers

152 views

treeview with radwindow

I have a treeview with data that can become quite long. also if you double click a node I am opening a radwindow with additional data for the node. Is there a way to open the radwindow over the location in the treeview? Currently it is always at the top.
thanks.

TreeView

answered on 19 Sep 2012

5 answers

540 views

Context menu at left click of grid button

Hi,

I am looking for help to display context menu at my grid button (left mouse click). I have created a grid and added a GridButtonColumn as below

<

telerik:GridButtonColumn ImageUrl="../img/gearsbluebtn.png" ButtonCssClass="selectbtn" ButtonType="ImageButton" CommandName="Select" CommandArgument="event" HeaderText="Select" UniqueName="Select" >

Then i have added following java script codes to display context menu at grid button click. This java script codes are being called at OnRowContextMenu="RowContextMenu" . Context menu is being displayed but on right mouse click at grid button. i want to display it at left mouse click . If i call context menu at any other event then eventArgs.get_domEvent(); is not available to display grid.

function RowContextMenu(sender, eventArgs) {

var menu = $find("<%=RadMenu1.ClientID %>");

var evt = eventArgs.get_domEvent();

if (evt.target.tagName == "INPUT" || evt.target.tagName == "A") {

menu.show(evt);

evt.cancelBubble = true;

evt.returnValue = false;

if (evt.stopPropagation) {

evt.stopPropagation();

evt.preventDefault();

}

}

Any one please help???

Grid

answered on 19 Sep 2012

4 answers

84 views

Properties getting ignored

Im trying to replicate this demo into my application: DEMO. I succeeded at creating a RadWindow popping up when double-click on a hierarchical RadGrid row. The problem is all RadWindow properties im defining into the <telerik:RadWindow> tag seem to be ignored. In fact, im getting the exact same results with the two following alternate declaration of my RadWindow (the second is same than first..and none of the OnClientX methods are fired):

<telerik:RadWindowManager ID="RadWindowManager1" runat="server" EnableShadow="true">

<Windows>

<telerik:RadWindow ID="RadWindow1" runat="server"
Width="310px" Left="150px" />

</Windows>

</telerik:RadWindowManager>

<telerik:RadWindowManager ID="RadWindowManager1" runat="server" EnableShadow="true">

<Windows>

<telerik:RadWindow ID="RadWindow1" runat="server" Title="Reply" Height="320px"

Width="910px" Left="150px" ReloadOnShow="true" ShowContentDuringLoad="false"

Modal="true" OnClientBeforeClose="OnClientBeforeClose" OnClientClose="OnClientClose"/>

</Windows>

</telerik:RadWindowManager>

here's the rest of the related code:

<telerik:RadGrid ID="RadGrid5" runat="server" Width="99.7%" PageSize="20" AllowPaging="false"

AllowSorting="True" AllowFilteringByColumn="false" AllowMultiRowSelection="false"

ShowGroupPanel="false" GridLines="None" ShowFooter="false" ShowHeader="true" GroupingEnabled="false"

Skin="WebBlue" EnableHeaderContextAggregatesMenu="false" EnableHeaderContextMenu ="false"

AutoGenerateColumns="false" EnableViewState="True"

OnItemCommand="RadGrid5_OnItemCommand" OnDetailTableDataBind="RadGrid5_DetailTableDataBind" OnNeedDataSource="RadGrid5_NeedDataSource"

OnGroupsChanging="RadGrid5_OnGroupsChanging" OnColumnsReorder="RadGrid5_OnColumnsReorder" OnItemDataBound="RadGrid5_OnItemDataBound"

OnPreRender="RadGrid5_PreRender">

<MasterTableView HierarchyLoadMode="ServerBind" Name="Master"

CommandItemDisplay="Top" CommandItemSettings-ShowAddNewRecordButton="false"

CommandItemSettings-ShowExportToExcelButton="true" CommandItemSettings-ShowExportToWordButton="true"

CommandItemSettings-ShowExportToPdfButton="true" CommandItemSettings-ShowExportToCsvButton="true" AllowMultiColumnSorting="true"

Caption="" ClientDataKeyNames="intEnterpriseSiteCommentID">

<Columns>

<telerik:GridBoundColumn Visible="false" DataField="intEnterpriseSiteCommentID" UniqueName="intEnterpriseSiteCommentID">

</telerik:GridBoundColumn>

<telerik:GridTemplateColumn Visible="false" HeaderText="PSG" meta:resourcekey="labPSG" UniqueName="blnIsInternalOnly" HeaderStyle-Width="4%" Resizable="true" Reorderable="true" SortExpression="blnIsInternalOnly">

<ItemTemplate>

<asp:Image runat="server" ID="ImageLogo" ToolTip="PSG Only" meta:resourcekey="labPSGOnly" AlternateText="" ImageUrl="~/Images/Icons/logo small.PNG" Height="20px" Width="20px" BorderWidth="0"></asp:Image>

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridDateTimeColumn DataField="dtCreationDate" HeaderText="Date" meta:resourcekey="labDate" UniqueName="dtCreationDate" HeaderStyle-Width="12%" Resizable="true" Reorderable="true" SortExpression="dtCreationDate" DataFormatString="{0:yyyy-MM-dd HH:mm}">

</telerik:GridDateTimeColumn>

<telerik:GridBoundColumn DataField="strUserDisplayName" HeaderText="By" meta:resourcekey="labBy" UniqueName="strUserDisplayName" HeaderStyle-Width="16%" Resizable="true" Reorderable="true" SortExpression="strUserDisplayName">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="strComment" HeaderText="Comment" meta:resourcekey="labComment" UniqueName="strComment" HeaderStyle-Width="51%" Resizable="true" Reorderable="true" SortExpression="strComment">

</telerik:GridBoundColumn>

<telerik:GridTemplateColumn HeaderText="Status" meta:resourcekey="labStatus" UniqueName="colStatus" HeaderStyle-Width="5%" Resizable="true" Reorderable="true" SortExpression="blnIsSomeoneNeedingAttention">

<ItemTemplate>

<asp:Image runat="server" ID="ImageAttention" Visible="false" ToolTip="Needs Attention" meta:resourcekey="imgNeedsAttention" AlternateText="" ImageUrl="~/Images/Icons/important.png" Height="20px" Width="20px" BorderWidth="0" CssClass="CommentStatusImage"></asp:Image>

<asp:Image runat="server" ID="ImageTreated" Visible="false" ToolTip="Treated" meta:resourcekey="imgTreated" AlternateText="" ImageUrl="~/Images/Icons/treated.png" Height="20px" Width="20px" BorderWidth="0" CssClass="CommentStatusImage"></asp:Image>

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridDateTimeColumn DataField="dtLastReplyDate" HeaderText="Last Reply" meta:resourcekey="labLastReply" UniqueName="dtLastReplyDate" HeaderStyle-Width="12%" Resizable="true" Reorderable="true" SortExpression="dtLastReplyDate" DataFormatString="{0:yyyy-MM-dd HH:mm}">

</telerik:GridDateTimeColumn>

</Columns>

<DetailTables>

<telerik:GridTableView ShowHeader="true" Name="Detail" AllowSorting="false" ClientDataKeyNames="intEnterpriseSiteCommentID"> <%--HeaderStyle-CssClass="NestedGridHeader"--%>

<Columns>

<telerik:GridBoundColumn Visible="false" DataField="intEnterpriseSiteCommentID" UniqueName="intEnterpriseSiteCommentID">

</telerik:GridBoundColumn>

<telerik:GridTemplateColumn Visible="false" HeaderText="PSG" meta:resourcekey="labPSG" UniqueName="blnIsInternalOnly" HeaderStyle-Width="4%" Resizable="true" Reorderable="true" SortExpression="blnIsInternalOnly">

<ItemTemplate>

<asp:Image runat="server" ID="ImageLogo" ToolTip="PSG Only" meta:resourcekey="labPSGOnly" AlternateText="" ImageUrl="~/Images/Icons/logo small.PNG" Height="20px" Width="20px" BorderWidth="0"></asp:Image>

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridDateTimeColumn DataField="dtCreationDate" HeaderText="Date" meta:resourcekey="labDate" UniqueName="dtCreationDate" HeaderStyle-Width="12%" Resizable="true" Reorderable="true" SortExpression="dtCreationDate" DataFormatString="{0:yyyy-MM-dd HH:mm}">

</telerik:GridDateTimeColumn>

<telerik:GridBoundColumn DataField="strUserDisplayName" HeaderText="By" meta:resourcekey="labBy" UniqueName="strUserDisplayName" HeaderStyle-Width="16%" Resizable="true" Reorderable="true" SortExpression="strUserDisplayName">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="strComment" HeaderText="Reply" meta:resourcekey="labHTReply" UniqueName="strComment" HeaderStyle-Width="63%" Resizable="true" Reorderable="true" SortExpression="strComment">

</telerik:GridBoundColumn>

<telerik:GridTemplateColumn HeaderText="Status" meta:resourcekey="labStatus" UniqueName="colStatus" HeaderStyle-Width="5%" Resizable="true" Reorderable="true" SortExpression="blnIsSomeoneNeedingAttention">

<ItemTemplate>

<asp:Image runat="server" ID="ImageAttention" Visible="false" ToolTip="Needs Attention" meta:resourcekey="imgNeedsAttention" AlternateText="" ImageUrl="~/Images/Icons/important.png" Height="20px" Width="20px" BorderWidth="0" CssClass="CommentStatusImage"></asp:Image>

<asp:Image runat="server" ID="ImageTreated" Visible="false" ToolTip="Treated" meta:resourcekey="imgTreated" AlternateText="" ImageUrl="~/Images/Icons/treated.png" Height="20px" Width="20px" BorderWidth="0" CssClass="CommentStatusImage"></asp:Image>

</ItemTemplate>

</telerik:GridTemplateColumn>

</Columns>

</telerik:GridTableView>

</DetailTables>

</MasterTableView>

<PagerStyle Mode="NextPrevAndNumeric"></PagerStyle>

<ClientSettings EnablePostBackOnRowClick="false" AllowRowsDragDrop="false" AllowDragToGroup="false" AllowColumnsReorder="false" ReorderColumnsOnClient="false" ColumnsReorderMethod="Reorder">

<Resizing AllowRowResize="False" EnableRealTimeResize="True" ResizeGridOnColumnResize="false" AllowColumnResize="true" AllowResizeToFit="true"/>

<Animation AllowColumnReorderAnimation="false" AllowColumnRevertAnimation="true" />

<Selecting AllowRowSelect="true" />

<ClientEvents OnRowDblClick="ShowWindow" ></ClientEvents>

</ClientSettings>

<SortingSettings SortedBackColor="Azure" EnableSkinSortStyles="false" />

<GroupingSettings ShowUnGroupButton="true" />

</telerik:RadGrid>

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

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

<script type="text/javascript">

function ShowWindow() {

window.radopen("Test.aspx", "RadWindow1");

}

</script>

</telerik:RadCodeBlock>

Can someone please spot what is wrong in my code?

TIA

Window

answered on 19 Sep 2012

1 answer

44 views

Browser hangs if user closes popup window showing radgrid result set

Hi,

The issue is if the result set is too big & user closes the popup window (which has RadGrid to display result set).
The system hangs. User clicks no longer works anywhere on the parent page.

I tried setting RadScriptManager's EnablePageMethods to true. But seems it doesnt call the server side web method.

How can I tackle this situation?

Thanks

Ajax

answered on 19 Sep 2012

1 answer

87 views

Issue with ShowOnTopWhenMaximized?

I have a page with a RadWindow manager; when ShowOnTopWhenMaximized is set to true.
I open Page1.aspx in a new radwindow using client-side script.
Then maximize this window with Page1 in it.

On page1, I have a link to open another modal radwindow (using javascript and the same radwindowManager)
When the modal window opens, you can't see it because it is behind the maximized radwindow.

If ShowOnTopWhenMaximized is set to false, the modal window opens in front of the maximized window correctly.

I mean, I understand that "ShowOnTopWhenMaximized" means "Show On Top When Maximized"...and it's true...if property is set to true, the maximized window stays on top no matter what....

But don't you think "modal" should take precedent over "maximized"?

Window

answered on 19 Sep 2012

5 answers

131 views

Paste from work changes the headers to paragraph

Paste from word in rich text editor is adding p tags to the headers and therefore the proper style is not appearing in front end, or someone has to edit styles on the headers after pasting to Roch text editor. Any idea how I can fix this?

Editor

answered on 19 Sep 2012

2 answers

126 views

Customize Filtering options

Hi,
How to customize the filtering options of telerik rad grid? I wanto set some options in the filter menu. For example only Contains & Like.
If there is any way to set filtermenu options(Contains , Like, Greater than etc) based on the column data type.

Thanks & Regards
Anzar.M

Grid

answered on 19 Sep 2012

1 answer

113 views

Slider clickable text area

I'm using the radslider wrapped in an ajax update panel control to create a timeline for a clients site. It's working and looking great. However I am trying to style the item text slightly by wrapping some of it (the Day) in a span element. When I do this, I can no longer click on the text in the span to move the tick. Is there a way maybe with css to make the whole block clickable instead of just the text? An Item template and itemdatabound event would rock, but I realize that's not the intended use for this control. Here's what I'm doing in the Item Text. Right now if I click on the larger Day Text nothing happens, but if you click on the Month or Year it works fine. See screenshot also.

<style type="text/css">

    .TimelineContainer

    {

        width:938px;

         height: 250px;

         margin-bottom:30px;

    }



    .TimelineContainer h3

    {

         margin: 0 0 12px;

        color: #C94D58;

        font: 20px CenturyGothicBold, arial, helvetica, sans-serif;

    }



    .TimelineImageWrapper

    {

        width:465px;

        height: 250px;

        float:left;

    }



    .TimelineTextWrapper

    {

        width:432px;

        height: 210px;

        float:left;

        padding: 0px 20px 20px 20px;

    }



    .TimelineDay

    {

        font-size:14px !important;

    }



</style>

<telerik:RadAjaxPanel ID="srRadAjaxPanel" runat="server">

    <div class="TimelineContainer">

        <div class="TimelineImageWrapper">

            <asp:Image ID="imgImage" runat="server" Width="465px" Height="250px" />

        </div>

        <div class="TimelineTextWrapper">

            <h3>Timeline Header</h3>

            Timeline text for testing the timeline control. Timeline text for testing the timeline control. Timeline text for testing the timeline control.

            Timeline text for testing the timeline control. Timeline text for testing the timeline control. Timeline text for testing the timeline control.

            Timeline text for testing the timeline control. Timeline text for testing the timeline control.

        </div>



    </div>

    <telerik:RadSlider ID="rsTimelineSlider" runat="server" ItemType="Item"

    Width="938" Height="120" Skin="Transparent" AutoPostBack="true"

    ShowIncreaseHandle="false" ShowDecreaseHandle="false">



     <Items>



        <telerik:RadSliderItem Text="June<span class='TimelineDay'>5</span>1978" />

        <telerik:RadSliderItem Text="July<span class='TimelineDay'>15</span>1979" />

        <telerik:RadSliderItem Text="May<span class='TimelineDay'>8</span>1980" />

        <telerik:RadSliderItem Text="August<span class='TimelineDay'>11</span>1981" />

        <telerik:RadSliderItem Text="Jan<span class='TimelineDay'>12</span>1982" />

        <telerik:RadSliderItem Text="Feb<span class='TimelineDay'>9</span>1982" />

        <telerik:RadSliderItem Text="March<span class='TimelineDay'>3</span>1982" />

        <telerik:RadSliderItem Text="April<span class='TimelineDay'>17</span>1982" />

        <telerik:RadSliderItem Text="Aug<span class='TimelineDay'>23</span>1985" />

        <telerik:RadSliderItem Text="June<span class='TimelineDay'>25</span>1989" />

        <telerik:RadSliderItem Text="Sept<span class='TimelineDay'>14</span>1990" />

        <telerik:RadSliderItem Text="June<span class='TimelineDay'>5</span>1978" />

        <telerik:RadSliderItem Text="July<span class='TimelineDay'>15</span>1979" />

        <telerik:RadSliderItem Text="May<span class='TimelineDay'>8</span>1980" />

        <telerik:RadSliderItem Text="August<span class='TimelineDay'>11</span>1981" />

        <telerik:RadSliderItem Text="Jan<span class='TimelineDay'>12</span>1982" />

        <telerik:RadSliderItem Text="Feb<span class='TimelineDay'>9</span>1982" />

        <telerik:RadSliderItem Text="March<span class='TimelineDay'>3</span>1982" />

        <telerik:RadSliderItem Text="April<span class='TimelineDay'>17</span>1982" />

        <telerik:RadSliderItem Text="Aug<span class='TimelineDay'>23</span>1985" />

        <telerik:RadSliderItem Text="June<span class='TimelineDay'>25</span>1989" />

        <telerik:RadSliderItem Text="Sept<span class='TimelineDay'>14</span>1990" />

    </Items>



</telerik:RadSlider>

</telerik:RadAjaxPanel>

Slider

answered on 19 Sep 2012