Questions on UI for ASP.NET AJAX Forum

1 answer

139 views

Chrome, Safari: copy \ paste text from editor to editor add some strange formatting

Hello,

We found some strange problem with copy \ paste functionality which can be reproduced on your demo in Chrome and Safari browsers.

Steps to reproduce:
1. Open editor in Chrome.
2. Write some text like "Test copy paste".
3. Copy this text (you can use Ctrl+C or browser Copy).
4. Paste this text in to editor. Text is paste with some additional formatting like:

<div style="padding-top: 3px; padding-right: 3px; padding-bottom: 3px; padding-left: 3px; background-image: none; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; text-align: left; word-wrap: break-word;">Test copy paste</div>

Could this problem be resolved in some way? Because we support these browsers and our users can do very often such actions.

I used Google Chrome 14.0 to reproduce this bug.

Kind regards,
Anna

Editor

answered on 25 Oct 2011

5 answers

254 views

Exclude specific controls from AutoTooltipify

We recently implemented AutoTooltipify. Looks great but then we realised that sometimes we would want to exclude certain controls. Namely, tooltips within tooltips. So two questions:

1. Has anyone looked at the inner working of AutoTooltipify and come up with a nice way of excluding specific controls/regions? I know we could manually add controls using TargetControls, however, if 99% of controls are auto, it's easier to exclude one or two that we don't want. I imagine performance would be better too.

2. We have an autotooltip that opens on mouse over and closes on mouse out (of tooltip). The problem is that we have objects inside the tooltip that also have tooltips. Moving the mouse over those inner objects displays a tooltip in the top left of the screen and closes the outer tooltip. Presumably the controls don't know where to render the inner tooltip and the outer tooltip is no longer "active" so it closes. Any suggestions on how we have inner tooltips in the correct position AND don't close the outer tooltip? Perhaps there should be a property in addition to AutoTooltipify that disables inner tooltips?

Enjoy the challenge! :)

Grant.

ToolTip

answered on 25 Oct 2011

2 answers

302 views

Show Loading Panel without AJAX

I have some JScript that does some client side stuff and while it is doing that I want to show the RadLoadingPannel that is shown when AJAXing goes on on the page.

I added the following two functions which I would have thought would achieve this but it does nothing,

    
                            var radLoadingPanelContent = null;  
        
                            var currentUpdatedControl = null;  
        
                            function showLoadingGraphic() {  
        
                                radLoadingPanelContent = $find("<%=radLoadingPanelContent.ClientID %>");  
        
                                currentUpdatedControl = "<%=divMainContent.ClientID %>";  
        
                                radLoadingPanelContent.show(currentUpdatedControl);  
        
                            }  
        
                            function hideLoadingGraphic() {  
        
                                if (radLoadingPanelContent != null) {  
        
                                    radLoadingPanelContent.hide(currentUpdatedControl);  
        
                                }  
        
                                radLoadingPanelContent = null;  
        
                                currentUpdatedControl = null;  
        
                            }

You will notice they are completely separate from AJAX events (which is what I want).

I just want a client-side way to indicate to the user that something is loading without using AJAX (because it's so dam slow).

The following works but looks very messy,

    
                            function showLoadingGraphic() {  
        
                                radLoadingPanelContent = document.getElementById("<%=radLoadingPanelContent.ClientID %>");  
        
                                radLoadingPanelContent.style.display = "block";  
        
                            }  
        
                            function hideLoadingGraphic() {  
        
                                radLoadingPanelContent = document.getElementById("<%=radLoadingPanelContent.ClientID %>");  
        
                                radLoadingPanelContent.style.display = "none";  
        
                            }

Ajax

answered on 25 Oct 2011

1 answer

90 views

RadRotator CoverFlow images size

Hi.
Could you please advice how to make images size smaller when rotator loads them (Image1), before srolling script starts.(Image2)
When page displayed all images in Rotator are scaled to their max size. Can I set them to the smaller size? Same as most images in Image 2. Or even hide all until scrolling script start working?

Thanks,

Rotator

answered on 25 Oct 2011

1 answer

77 views

GlobalResources and IE perfomance

Hi,
I'm using telerik's controls with resource files (in Globalresource Asp.net Folder) and in Internet Explorer the client events (eg scrolling, groupable etc...) are very slow, in Opera or Mozilla are not.
If I delete the Folder GlobalResources the control is faster and useful.
E.g. with RadGrid the scrolling is slowest with the GlobalResource, but without is not.

Why?
Thanks
Regards

General Discussions

answered on 25 Oct 2011

3 answers

105 views

Editor Question/Challenge

Hello Everyone,

I have a website that has about 30+ subdomains. (School district site)

I want to change the Styles in the RadEditor to allow people to choose styles specific to their campus without showing them all of the others. For the most part the styles would be identical other than colors and maybe font family.

We are actually using Sitefinity but I am not sure that this applies as it pertains to the editor itself.

We have a script that already grabs the url and extracts the subdomain for each campus and then adds a class to the body tag for that subdomain.

<body class="campus1">

we then have a matching css file that handles backgrounds and other campus specific things such as this

campus1.css

body.campus1 #banner { ... }

My question is can I use a similar strategy for changing the styles that a user can pick in the editor based on the subdomain? I know I can assign a custom CSS file to the editor. Can I do multiple CSS files?

ideas?

Editor

answered on 25 Oct 2011

3 answers

112 views

radEditor Table Alignment Issue

Hello Sir,
Im using a rad editor as ediotr in my web application.
i added a table in radeditor from word and then after i set a table properties in radediotr to border type=solid and border width=1
after that when i see the report in pdf format then first cell width is increased .
i didnt find out the reason for that please tell me solution for that

pls reply ASAP.

thanks in Advancem,
Bhushan

Editor

answered on 25 Oct 2011

2 answers

102 views

Related combobox javascript "combobox.set_text" question

In the following example: http://demos.telerik.com/aspnet-ajax/combobox/examples/functionality/multiplecomboboxes/defaultcs.aspx

I would like to add a small spinning .gif in front of the "loading..." text to indicate activity. Is this possible?

You can look in the "LoadCountries()" javascript function of the examples source code to see where the "loading" text gets set.

ComboBox

answered on 25 Oct 2011

11 answers

360 views

Update Command Does Not Fire

I have implemented many RadGrids and they all work fine but for the life of me I can't understand why the "Update" command doesn't fire when I hit the update button. Here is my code:

Markup: This page is NOT ajaxified

<telerik:RadGrid ID="RadGridEmployees" runat="server" Visible="False"

AutoGenerateColumns="False" GridLines="None" AllowSorting="True"

AllowPaging="True" Width="975px" AllowAutomaticUpdates="false"

AllowAutomaticInserts="false" AllowAutomaticDeletes="false">

<HeaderContextMenu>

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

</HeaderContextMenu>

<PagerStyle Mode="NextPrevNumericAndAdvanced" />

<MasterTableView AllowPaging="true" PageSize="25" DataKeyNames="UserID" EditMode="InPlace"

AllowAutomaticDeletes="false" AllowAutomaticInserts="false" AllowAutomaticUpdates="false">

<Columns>

<telerik:GridEditCommandColumn ButtonType="ImageButton" >

<ItemStyle VerticalAlign="Top" Width="5px" />

</telerik:GridEditCommandColumn>

<telerik:GridBoundColumn AllowFiltering="False" DataField="UserID"

Groupable="False" HeaderText="User ID" ReadOnly="True" SortExpression="UserID"

UniqueName="UserID">

<ItemStyle Width="75" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn AllowFiltering="False" DataField="DIV_NUM"

Groupable="False" HeaderText="Division" ReadOnly="True" SortExpression="DIV_NUM"

UniqueName="DIV_NUM">

<ItemStyle Width="50" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn AllowFiltering="False" DataField="TIN_NUM"

Groupable="False" HeaderText="TIN" ReadOnly="True"

SortExpression="TIN_NUM" UniqueName="TIN_NUM">

<ItemStyle Width="100" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn AllowFiltering="False" DataField="FIRST_NAME"

Groupable="False" HeaderText="First Name" ReadOnly="True"

SortExpression="FIRST_NAME" UniqueName="FIRST_NAME">

<ItemStyle Width="75" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn AllowFiltering="False" Groupable="False"

HeaderText="Last Name" ReadOnly="True" SortExpression="LAST_NAME"

UniqueName="LAST_NAME" DataField="LAST_NAME">

<ItemStyle Width="75" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn AllowFiltering="False" DataField="BIRTH_YYYYMMDD"

DataFormatString="{0:d}" Groupable="False" HeaderText="DOB" ReadOnly="True"

SortExpression="BIRTH_YYYYMMDD" UniqueName="BIRTH_YYYYMMDD">

<ItemStyle Width="75" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn AllowFiltering="False" DataField="UserEmail"

Groupable="False" HeaderText="E-Mail" SortExpression="UserEmail"

UniqueName="UserEmail">

<ItemStyle Width="175" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn AllowFiltering="False" DataField="secQuestion"

Groupable="False" HeaderText="Security Question" ReadOnly="True"

SortExpression="secQuestion" UniqueName="secQuestion">

<ItemStyle Width="125" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn AllowFiltering="False" DataField="secQuestionAnswer"

Groupable="False" HeaderText="Security Question Answer" ReadOnly="True"

SortExpression="secQuestionAnswer" UniqueName="secQuestionAnswer">

<ItemStyle Width="125" />

</telerik:GridBoundColumn>

<telerik:GridButtonColumn ButtonType="LinkButton" UniqueName="ResetPasswordColumn" Text="Reset Password" CommandName="Reset">

<ItemStyle Width="50px" />

</telerik:GridButtonColumn>

<telerik:GridTemplateColumn UniqueName="Login">

<ItemTemplate>

<a href='Login.aspx?uid=<%# Container.DataItem("UserID") %>'

title="Log in as user" target="_blank">Login</a>

</ItemTemplate>

</telerik:GridTemplateColumn>

</Columns>

<EditFormSettings CaptionDataField="UserId" EditFormType="Template"

CaptionFormatString="Edit e-mail address for user: {0}.">

<EditColumn UniqueName="EditCommandColumn1">

</EditColumn>

<FormTemplate>

<div style="padding-top:10px"></div>

<table width="100%" align="center" cellspacing="5">

<tr valign="top">

<td style="width:20%; font-weight:bold" align="right" nowrap>

*Email Address:

</td>

<td style="width:80%;" align="left">

<telerik:RadTextBox ID="RadTextBoxEmail" runat="server" MaxLength="50" SelectionOnFocus="SelectAll"></telerik:RadTextBox>

<asp:RequiredFieldValidator ID="ValidatorEmail" runat="server" ErrorMessage="Please enter the e-mail address"

Display="None" ControlToValidate="RadTextBoxEmail" Text="*" SetFocusOnError="true" />

<ajaxToolkit:ValidatorCalloutExtender runat="Server" ID="ValidatorCalloutEmail"

TargetControlID="ValidatorEmail" HighlightCssClass="validatorCalloutHighlight" />

</td>

</tr>

</table>

<table style="width: 100%">

<tr>

<td align="center" colspan="2">

<asp:Button ID="Button1" Text="Update" runat="server" CommandName="Update">

</asp:Button>

<asp:Button ID="Button2" Text="Cancel" runat="server" CausesValidation="False" CommandName="Cancel">

</asp:Button>

</td>

</tr>

</table>

<div style="padding-bottom:30px"></div>

</FormTemplate>

</EditFormSettings>

</MasterTableView>

<ClientSettings AllowColumnsReorder="True" ReorderColumnsOnClient="True">

</ClientSettings>

<FilterMenu>

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

</FilterMenu>

</telerik:RadGrid>

Code (which never fires):

Private Sub RadGridEmployees_UpdateCommand(ByVal sender As Object, ByVal e As GridCommandEventArgs) Handles RadGridEmployees.UpdateCommand

Dim lDataItem As GridEditFormItem = CType(e.Item, GridEditFormItem)

Dim lRadTextBoxEmail As RadTextBox = lDataItem.FindControl("RadTextBoxEmail")

Dim lUserId As String = lDataItem.GetDataKeyValue("UserID")

UserServiceHelper.UpdateUserEmail(lUserId, lRadTextBoxEmail.Text.Trim.ToLower)

RadGridEmployees.EditIndexes.Clear()

End Sub

I don't get it...anyone?

Grid

answered on 25 Oct 2011

1 answer

161 views

HeaderDateFormat Timeline view - change value programmatically

Hello,

For the HeaderDateformat of the TimeLine view; can I change the value of this to be a non-date field?

For example - Instead of saying something like "October 2011 - November 2011", I would like for it to say something like "October N - 16" where N is a value of my choosing. I have included some screenshots.

So, basically, can I problematically change this through code (client,server, or CSS)?

Scheduler

answered on 25 Oct 2011