Questions on UI for ASP.NET AJAX Forum

5 answers

192 views

Hi.

I'm working on a migration project, and I have an issue with the WCM radeditor integration. In MOSS 2007 it behaves as expected, but after the upgrade, i have problems with custom tags that are being stripped in a RichHtmlField, which makes resuable content useless.

If I insert a stadard radeditor webpart on the page, the tags are not being stripped, so it must have something to do with how I have configured the richhtmlfield. The appropriate features are activated "Use RadEditor to edit HTML fields" and "Use RadEditor to edit List" Items.

Using version 6.1.7.0.

This is an excerpt of what I have got in a pagelayout:
..
<%@ Register Tagprefix="moss" Namespace="Microsoft.SharePoint.Publishing.WebControls" Assembly="Microsoft.SharePoint.Publishing, Version=12.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" %>
..
<moss:RichHtmlField id="RichHtmlField1" FieldName="PublishingPageContent" runat="server" AllowReusableContent="true"></moss:RichHtmlField>

ConfigFile.xml
<configuration>
<property name="ToolbarMode">ShowOnFocus</property>
<property name="ToolsWidth">560px</property>
<property name="ContentAreaMode">Div</property>
<property name="AllowScripts">true</property>
<property name="ConvertToXHtml">false</property>
<property name="ContentFilters">None</property>
<property name="AllowSpecialTags">true</property>
</configuration>

Any help would be much appreciated.

Best regards

Klaus

Sharepoint Integration

answered on 03 May 2012

4 answers

144 views

Loading Panel "loading icon" not showing in firefox

<asp:Content ID="ChildPage" ContentPlaceHolderID="MainContent" runat="server">

<div id="PageContainerDiv">

<div id="ProjectNameDiv">

<h1><img src="/images/icon.gif" alt="APP" /> My Application Name</h1>

</div>

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

</telerik:RadScriptManager>

<telerik:RadSkinManager ID="SkinManager" runat="server" Skin="Telerik">

</telerik:RadSkinManager>

<div id="AjaxManagerDiv">

<telerik:RadAjaxManager ID="AjaxManager" runat="server" >

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="NameList">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="NameList" />

<telerik:AjaxUpdatedControl ControlID="CompanyListFrom" LoadingPanelID="LoadingPanel" />

<telerik:AjaxUpdatedControl ControlID="CompanyListTo" LoadingPanelID="LoadingPanel" />

<telerik:AjaxUpdatedControl ControlID="WindowListFrom" LoadingPanelID="LoadingPanel" />

<telerik:AjaxUpdatedControl ControlID="WindowListTo" LoadingPanelID="LoadingPanel" />

<telerik:AjaxUpdatedControl ControlID="AccountListFrom" LoadingPanelID="LoadingPanel" />

<telerik:AjaxUpdatedControl ControlID="AccountListTo" LoadingPanelID="LoadingPanel" />

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="CompanyListFrom">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="CompanyListFrom" LoadingPanelID="LoadingPanel" />

<telerik:AjaxUpdatedControl ControlID="CompanyListTo" LoadingPanelID="LoadingPanel" />

<telerik:AjaxUpdatedControl ControlID="WindowListFrom" LoadingPanelID="LoadingPanel" />

<telerik:AjaxUpdatedControl ControlID="WindowListTo" LoadingPanelID="LoadingPanel" />

<telerik:AjaxUpdatedControl ControlID="AccountListFrom" LoadingPanelID="LoadingPanel" />

<telerik:AjaxUpdatedControl ControlID="AccountListTo" LoadingPanelID="LoadingPanel" />

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="CompanyListTo">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="CompanyListFrom" LoadingPanelID="LoadingPanel" />

<telerik:AjaxUpdatedControl ControlID="CompanyListTo" LoadingPanelID="LoadingPanel" />

<telerik:AjaxUpdatedControl ControlID="WindowListFrom" LoadingPanelID="LoadingPanel" />

<telerik:AjaxUpdatedControl ControlID="WindowListTo" LoadingPanelID="LoadingPanel" />

<telerik:AjaxUpdatedControl ControlID="AccountListFrom" LoadingPanelID="LoadingPanel" />

<telerik:AjaxUpdatedControl ControlID="AccountListTo" LoadingPanelID="LoadingPanel" />

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="WindowListFrom">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="WindowListFrom" LoadingPanelID="LoadingPanel" />

<telerik:AjaxUpdatedControl ControlID="WindowListTo" LoadingPanelID="LoadingPanel" />

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="WindowListTo">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="WindowListFrom" LoadingPanelID="LoadingPanel" />

<telerik:AjaxUpdatedControl ControlID="WindowListTo" LoadingPanelID="LoadingPanel" />

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="AccountListFrom">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="AccountListFrom" LoadingPanelID="LoadingPanel" />

<telerik:AjaxUpdatedControl ControlID="AccountListTo" LoadingPanelID="LoadingPanel" />

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="AccountListTo">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="AccountListFrom" LoadingPanelID="LoadingPanel" />

<telerik:AjaxUpdatedControl ControlID="AccountListTo" LoadingPanelID="LoadingPanel" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

</div>

<div id="LoadingPanelDiv">

<telerik:RadAjaxLoadingPanel ID="LoadingPanel" runat="server" Skin="Telerik"

InitialDelayTime="800" MinDisplayTime="5000" CssClass="RadAjax">

</telerik:RadAjaxLoadingPanel>

</div>

<div id="NameListDiv-Name" class="ListBoxDiv">

<h2>Names</h2>

<div id="NameListGrid">

<telerik:RadGrid ID="NameList"

AutoGenerateColumns="false"

runat="server"

AllowPaging="true"

AllowSorting="true"

OnSortCommand="NameList_SortCommand"

OnItemCommand="NameList_ItemCommand"

CssClass="RadGrid_Telerik"

>

<ClientSettings AllowKeyboardNavigation="true" EnablePostBackOnRowClick="true">

<Selecting AllowRowSelect="true" />

</ClientSettings>

<MasterTableView AutoGenerateColumns="false"

DataKeyNames="USERID"

OnSelectedIndexChanged="Name_SelectedIndexChanged"

>

<Columns>

<telerik:GridBoundColumn DataField="USERID" HeaderText="User ID" ReadOnly="True"

SortExpression="USERID" UniqueName="UserID">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="USERNAME" HeaderText="Member" ReadOnly="True"

SortExpression="USERNAME" UniqueName="UserName">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="ADDREMAIL" HeaderText="Email" ReadOnly="True"

SortExpression="ADDREMAIL" UniqueName="UserEmail">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="FLGPENDING" HeaderText="Pending Update" ReadOnly="True"

SortExpression="FLGPENDING" UniqueName="Pending">

</telerik:GridBoundColumn>

</Columns>

</MasterTableView>

</telerik:RadGrid>

</div>

<div id="CompanyListDiv-Name" class="ListBoxDiv">

<h2>Companies</h2>

<div id="CompanyListN">

<telerik:RadListBox ID="CompanyListFrom"

runat="server"

Height="150px"

DataTextField="COMPANY"

DataValueField="COMPANYID"

ToolTip="Companies inaccessible to the user"

SelectionMode="Multiple"

Sort="Ascending"

AutoPostBack="true"

AutoPostBackOnTransfer="true"

EmptyMessage="All companies are assigned"

AllowTransfer="true"

TransferToID="CompanyListTo"

OnInserted="CompanyListFrom_Inserted"

OnTransferred="CompanyListFrom_Transferred"

CssClass="RadListBox_Telerik"

>

<ButtonSettings Position="Right" VerticalAlign ="Middle" />

<FooterTemplate>Companies <strong class="red">un</strong>assigned to the user</FooterTemplate>

</telerik:RadListBox>

</div>

<div id="CompanyListY">

<telerik:RadListBox ID="CompanyListTo"

runat="server"

Height="150px"

DataTextField="COMPANY"

DataValueField="COMPANYID"

ToolTip="Companies accessible to the user"

SelectionMode="Single"

Sort="Ascending"

AutoPostBack="true"

AutoPostBackOnTransfer="true"

EmptyMessage="No company is assigned"

OnInserted="CompanyListTo_Inserted"

OnSelectedIndexChanged="CompanyListTo_SelectedIndexChanged"

CssClass="RadListBox_Telerik"

>

<FooterTemplate>Companies assigned to the user</FooterTemplate>

</telerik:RadListBox>

</div>

<div id="WindowListDiv-Name" class="ListBoxDiv">

<h2>Windows</h2>

<div id="WindowListN">

<telerik:RadListBox ID="WindowListFrom"

runat="server"

Height="150px"

DataTextField="WINDOWNAME"

DataValueField="WINDOWID"

ToolTip="Windows inaccessible to the user"

SelectionMode="Multiple"

Sort="Ascending"

AutoPostBack="true"

AutoPostBackOnTransfer="true"

EmptyMessage="No window generated or all windows have been assigned"

AllowTransfer="true"

TransferToID="WindowListTo"

OnInserted="WindowListFrom_Inserted"

OnTransferred="WindowListFrom_Transferred"

CssClass="RadListBox_Telerik"

>

<ButtonSettings Position="Right" VerticalAlign ="Middle" />

<FooterTemplate>Windows <strong class="red">un</strong>assigned to the user</FooterTemplate>

</telerik:RadListBox></div>

<div id="WindowListY">

<telerik:RadListBox ID="WindowListTo"

runat="server"

Height="150px"

DataTextField="WINDOWNAME"

DataValueField="WINDOWID"

ToolTip="Windows accessible to the user"

SelectionMode="Single"

Sort="Ascending"

AutoPostBack="true"

AutoPostBackOnTransfer="true"

EmptyMessage="No window is assigned"

OnInserted="WindowListTo_Inserted"

CssClass="RadListBox_Telerik"

>

<FooterTemplate>Windows assigned to the user</FooterTemplate>

</telerik:RadListBox></div>

</div>

<div id="AccountListDiv-Name" class="ListBoxDiv">

<h2>Accounts</h2>

<div id="AccountListN">

<telerik:RadListBox ID="AccountListFrom"

runat="server"

Height="150px"

DataTextField="ACCOUNTNAME"

DataValueField="ACCOUNTID"

ToolTip="Customer accounts inaccessible to the user"

SelectionMode="Multiple"

Sort="Ascending"

AutoPostBack="true"

AutoPostBackOnTransfer="true"

EmptyMessage="No customer account generated or all accounts have been assigned."

AllowTransfer="true"

TransferToID="AccountListTo"

OnInserted="AccountListFrom_Inserted"

OnTransferred="AccountListFrom_Transferred"

CssClass="RadListBox_Telerik"

>

<ItemTemplate>

<asp:Label ID="AcctIDFrom" runat="server"></asp:Label>

<asp:Label ID="AcctNameFrom" runat="server"></asp:Label>

</ItemTemplate>

<ButtonSettings Position="Right" VerticalAlign ="Middle" />

<FooterTemplate>Accounts <strong class="red">un</strong>assigned to the user</FooterTemplate>

</telerik:RadListBox></div>

<div id="AccountListY">

<telerik:RadListBox ID="AccountListTo"

runat="server"

Height="150px"

DataTextField="ACCOUNTNAME"

DataValueField="ACCOUNTID"

ToolTip="Customer accounts accessible to the user"

SelectionMode="Single"

Sort="Ascending"

AutoPostBack="true"

AutoPostBackOnTransfer="true"

EmptyMessage="No account is assigned"

OnInserted="AccountListTo_Inserted"

CssClass="RadListBox_Telerik"

>

<ItemTemplate>

<asp:Label ID="AcctIDTo" runat="server"></asp:Label>

<asp:Label ID="AcctNameTo" runat="server"></asp:Label>

</ItemTemplate>

<FooterTemplate>Accounts assigned to the user</FooterTemplate>

</telerik:RadListBox></div>

</div>

</asp:Content>

This is the structure of my web app Master Page - Master Page - Child Pages

Here's the first child page's aspx code. When I move an item from left to right (grant access) or right to left (remove access), the green "loading icon" should display to allow the user to know I'm processing the request.

This code completely works well in IE but not in Firefox. Any help is appreciated. Thanks.

Ajax

answered on 03 May 2012

1 answer

104 views

Simple Single File Upload

I have been playing with the radUpload control, and I want to try to use it to allow users to upload a single file. The file will be large, so I want to show the progress of the upload as it goes. I thought this would be simple to do, but using the basic controls I can't seem to get it to work without throwing a java script error, and I never get the file.

Here is the code:

<script type="text/javascript">

//<![CDATA[

function onClientProgressBarUpdating(progressArea, args) {

progressArea.updateVerticalProgressBar(args.get_progressBarElement(), args.get_progressValue());

args.set_cancel(true);

}

//]]>

</script>

<telerik:RadScriptManager id="ScriptManager1" runat="server" />

<telerik:radupload id="Radupload1" runat="server" initialfileinputscount="1" MaxFileInputsCount="1" ControlObjectsVisibility="None" TargetPhysicalFolder="C:\Temp\UploadedFiles" />

<asp:button id="buttonSubmit" runat="server" text="Submit" onclick="buttonSubmit_Click" cssclass="RadUploadSubmit" />

<telerik:RadProgressManager id="Radprogressmanager1" runat="server" />

<telerik:RadProgressArea id="RadProgressArea1" runat="server" CssClass="module" onclientprogressbarupdating="onClientProgressBarUpdating" ProgressIndicators="TotalProgressBar, TotalProgress, TotalProgressPercent, TimeEstimated, TransferSpeed" />

Do you see what is wrong?

Upload (Obsolete)

answered on 03 May 2012

2 answers

59 views

Radscheduler browser mode issue in IE8 2011.1.315.35 dll

Hi i am using , telerik dll 2011.1.315.35, in my sharepoint 2007 site,
One of my page has Radscheduler, it has timeline mode and i am also using groupby with resources on that.

It has problem with ie browser ( it works fine on firefox and google chrome)
-when the page loads, it won't load my appoinments automatically, i need to hover the mouse to load the appointments.(sometime it woks sometime not , like random things)
- When i clicked on timeslot except the top-left corner, it will not popup my insert form.

=> I am using default master page, and my radscheduler is inside content place holder,
- i also tried

<meta http-equiv="X-UA-Compatible" content="IE=100" /> <!-- IE8 mode -->

meta tag and its different combination ,
- also tried to set in inetmgr with http headers too, and also refer following links
http://msdn.microsoft.com/en-us/library/ms533876%28v=vs.85%29.aspx
http://www.telerik.com/community/forums/aspnet-ajax/scheduler/ie8-does-not-support-radscheduler.aspx

but nothing workout,

can you please help me on that,
Thanks.
Nirav.

Scheduler

answered on 03 May 2012

4 answers

112 views

Status bar in self referencing grid visible on collapse but not expand

I have a self referencing grid inwhich the users want to see a processing status indicator. I have set the ShowStatusBar="True" and it appears to be working when the hierarchy within the grid is collapsed but it is not showing when the grid is expanding. There is nothing in the code behind that would stop this from appearing. Does anyone have any idea why this would happen? I need the status to display on both the expand and collapse.

Thanks!

Grid

answered on 03 May 2012

1 answer

79 views

Prompt Dialog upon Drag and Drop

Hello,
I have a treeview that allows drag and drop. I'm able to move or copy branches server side in the "OnNodeDrop" event, from one node to another. What I would like to do is when a user attempts to drag a node and drop it, before this happens popup a dialog that asks the user to Move, Copy or Cancel the operation. Based upon that input response perform the necessary action. What is the best way to implement this? Thanks

TreeView

answered on 03 May 2012

3 answers

55 views

Scheduler Tool Tip with iPad

I have the scheduler working on our intranet as a room meetings scheduler for windows users showing the tool tip and context menus. Only certain window users will be able to add or edit the room meetings. All of this is working fine.

For iPad users I would only like to show the tool tip with the touch method. I don't need to show any context menus. iPad users can be redirected to a new page only for iPad users. I simply want iPad users to view the information about the room meeting as a tool tip.

How can I show the tool tip with the iPad touch method on the scheduled room meeting?

Scheduler

answered on 03 May 2012

0 answers

120 views

RadGrid Row Edit Property

We are evaluating “Telerik RAD Controls for ASP.NET AJAX” for one of our applications. We are planning to use “Telerik RadGrid” widely in all applications. We are trying to implement a functionality using RADGRID, the functionality description is given below.

We will bind the custom objects to the RADGRID and multi-edit option is provided at command template level. The Grid data is available in view state. User can edit the data and update it at any point of time.

By clicking on button (Like Save Button), We need to find whether RADGrid has encountered any change in the bind data. This has to be implemented at both client and server side. Please let us know the best approach.

Grid

asked on 03 May 2012

4 answers

146 views

First time load

I'm in a project where I'm replacing our silverlight image viewer with the RadImageEditor. I can get images to display but the first time I hit the page there is a very long (5-10 second) delay before the image first appears. Now if I hard code the imageurl to a particular file then it's nearly instant. But I am using the technique of handling the OnImageLoading event and manually setting the EditableImage to the image editor. I do this because I have a grid with rows and each grid selection causes the image editor to display a different preview.

Once the first image gets displayed, all subsequent image changes are nearly instant. Is there something I'm doing wrong that is causing the 5-10 second delay on first time page load? In debug the event gets fired and processed right away but it doesn't get displayed right away. Just default image editor settings, nothing specific.

In short this is what I'm doing:

private void DisplayFax()

{

faxImage.ImageUrl = GetRandom();

}

protected void faxImage_OnImageLoading(object sender, ImageEditorLoadingEventArgs e)

{

EditableImage img = new EditableImage(GetMemoryStreamOfFile());

e.Image = img;

e.Cancel = true;

}

The image editor is in an UpdatePanel set to conditional and all defaults:

<asp:UpdatePanel ID="previewFaxUpdatePanel" runat="server" UpdateMode="Conditional" RenderMode="Inline">

<ContentTemplate>

<telerik:RadImageEditor ID="faxImage" OnImageLoading="faxImage_OnImageLoading" runat="server" Width="100%" Height="100%" Skin="Windows7" />

</ContentTemplate>

</asp:UpdatePanel>

Any advice? The silverlight viewer displays my image immediately and the customer won't accept a 5-10 second delay on first load.

ImageEditor

answered on 03 May 2012

4 answers

79 views

Keyboard navigation issue

Hi,

To enable keyboard navigation of radScheduler I have set TabIndex of scheduler to some value. I have some other controls as well in the page.

Now the problem is even if users focus is on some other control say textbox, and user presses any navigation arrows from keyboard scheduler cells are also highlighted, it seems that scheduler is navigating even if my focus is not on scheduler.

I have created a sample project to demonstrate this behaviour. But this forum is not allowing me to upload zip files.

Attached is my scheduler control definition

<telerik:RadScheduler ID="calendarView" runat="server" Skin="Office2010Silver" DataEndField="End"

DataKeyField="VaultID" DataStartField="Start" DataSubjectField="Subject" SelectedView="MonthView"

RowHeight="20px" TabIndex="4" ReadOnly="true" ShowFullTime="true" Width="100%"

ShowFooter="false" OnAppointmentCreated="calendarView_AppointmentCreated"

CustomAttributeName="Location" Height="500px" >

<TimelineView UserSelectable="false" />

<MonthView VisibleAppointmentsPerDay="4" />

</telerik:RadScheduler>

Steps are:
1. Highlight the any other control that scheduler in the page and press navigation keys.

Scheduler

answered on 03 May 2012