Questions on UI for ASP.NET AJAX Forum

4 answers

85 views

RadEditor Not Playing well with I.E 10/11

In our development and test environments using 4 or 5 RadEditors on a web forms page worked flawlessly. After moving the code to our production environment we're only able to save the input using Chrome. When entering data in I.E and pressing the "submit" button. All data in the RadEditors is cleared and our internal error tracking mechanism returns and error saying that no data was entered.

There's nothing special about the way the Editors are set up. Really at a loss here and looking for some direction.

Best regards
Dave

.aspx code of one of the controls...

<div style="padding-top: 6px;">

<telerik:RadEditor ID="radEditorCustomersAffected" runat="server" TextMode="MultiLine"

Width="600px" Height="125px" ToolTip="List of customers affected by the change."

MaxLength="4000" >

<CssFiles>

<telerik:EditorCssFile Value="./Styles/RadEditor.css" />

</CssFiles>

<Tools>

<telerik:EditorToolGroup Tag="MainToolbar">

<telerik:EditorTool Name="FindAndReplace" />

<telerik:EditorSeparator />

<telerik:EditorSplitButton Name="Undo">

</telerik:EditorSplitButton>

<telerik:EditorSplitButton Name="Redo">

</telerik:EditorSplitButton>

<telerik:EditorSeparator />

<telerik:EditorTool Name="Cut" />

<telerik:EditorTool Name="Copy" />

<telerik:EditorTool Name="Paste" ShortCut="CTRL+V / CMD+V" />

<telerik:EditorTool Name="LinkManager" ShortCut="CTRL+K"/>

</telerik:EditorToolGroup>

<telerik:EditorToolGroup Tag="Formatting">

<telerik:EditorTool Name="Bold" />

<telerik:EditorTool Name="Italic" />

<telerik:EditorTool Name="Underline" />

<telerik:EditorSeparator />

<telerik:EditorSplitButton Name="ForeColor">

</telerik:EditorSplitButton>

<telerik:EditorSplitButton Name="BackColor">

</telerik:EditorSplitButton>

<telerik:EditorSeparator />

<telerik:EditorDropDown Name="FontName">

</telerik:EditorDropDown>

<telerik:EditorDropDown Name="RealFontSize">

</telerik:EditorDropDown>

</telerik:EditorToolGroup>

</Tools>

<Content></Content>

<TrackChangesSettings CanAcceptTrackChanges="False" />

</telerik:RadEditor>

</div>

Code behind handling of data

protected void SubmitButtonClicked(object sender, EventArgs e)

{

var _requestId = 0;

if (!ValidateInput()) return;

if (SubmitRequest(ref _requestId))

{

// Get the active request

var _activeRequest = SessionHandler.GetActiveChangeRequest((Guid)ViewState["pageUniqueId"]);

bool _promptPw;

if (_activeRequest.IncludesPolicyWaiver && _activeRequest.AttachedWaiver == null)

_promptPw = true;

else

_promptPw = false;

DisplayConfirmation(true, _requestId, _promptPw);

}

else

{

DisplayConfirmation(false, _requestId, false);

}

// It fails here checking the 1st Editor content

//Customers affected

if (radEditorCustomersAffected.Content == "")

{

lblCustomersAffected.CssClass = "fieldName1RightHighlited";

_message = "Must provide the customers affected.";

StatusMessage.DisplayStatus(_message, false, Page);

return false;

}

lblCustomersAffected.CssClass = "fieldName1Right";

Editor

answered on 06 Jun 2016

1 answer

94 views

Bootstrap Skin Border

Hi, I am try to go lightweight and have moved all grids to Bootstrap lightweight.

However, it looks to me like there is a 'shadow' on the left and bottom border. Please see the attached.

How can I get rid of that please? Must I make a custom skin?

Regards, Jon

Grid

answered on 03 Jun 2016

1 answer

51 views

RadGrid with Dynamically added LinkButtons loosing buttons on filter.

Here is my Original Post, I had originally created a new account because I didn't realize that our team had access to an account with priority support. I apologize for the double post, but I have a feeling that this one will get noticed sooner.

Here is the text from the original post

Hello,
My customer has requested that we put link buttons into a specific field on a grid. The nature of the filed being that I need to have regular text followed by an unlimited number links means that I have to add my buttons dynamically. I have the text followed by links working proper upon the initial page load but something happens after the grid filter is applied. Once the grid filter is applied a post back occurs my method is still called to reformat the filed into it's final format however. Once the page loads the links are nowhere to be found and the grid cells display the text that is being converted into the buttons. Currently I am calling my logic to create the grid links on page load. I have to create the grid links in load because if I do it any later than that then my link buttons no longer function properly. Some help would be greatly appreciated. Thanks in advance below are some of my code snippets.
-Brandon

Private Sub RadGridResults_Load(sender As Object, e As EventArgs) Handles RadGridResults.Load

For Each Item As GridItem In RadGridResults.MasterTableView.Items

CreateGridLinks(Item)

Next

End Sub

Private Sub CreateGridLinks(item As GridItem)

If TypeOf item Is Telerik.Web.UI.GridDataItem Then

Dim dataItem As Telerik.Web.UI.GridDataItem = CType(item, Telerik.Web.UI.GridDataItem)

For Each cell As TableCell In item.Cells

Dim Issues() As String = cell.Text.Split(";"c)

If Issues.Length > 1 AndAlso cell.Text <> " " Then

Dim CellText As String = Issues(0) + " "

Dim CellId As String = ""

Dim IssueAppealType As String = ""

Dim IssueAppealId As String = ""

For i As Integer = 1 To _issues.Length - 1

If i = 1 Then

cell.Controls.Add(New LiteralControl(CellText))

End If

If _issues(i).Trim.Split(":"c).Length > 1 Then

Dim IssueAppealButton As New LinkButton()

CellId = _issues(i).Trim.Replace(":", "")

Dim IssueAppealArray = _issues(i).Trim.Split(":"c)

IssueAppealType = IssueAppealArray(0)

IssueAppealId = IssueAppealArray(1)

IssueAppealButton.Text = IssueAppealId

cntrlCount += 1

IssueAppealButton.ID = "LinkButton" + CellId + cntrlCount.ToString

AddHandler IssueAppealButton.Click, Sub(send, evt) HandleIssueLinkClick(IssueAppealId, IssueAppealType)

cell.Controls.Add(IssueAppealButton)

cell.Controls.Add(New LiteralControl(" "))

End If

Next

End If

Next

End If

End Sub

Grid

answered on 03 Jun 2016

15 answers

676 views

RadEditor not Saving new value (Content) to Database

Hi

This seems to be straight-forward i think. I am populating my editor.Content from a database. Loading the content in my Page Load event. (Which works 100%!). But when I change content in the editor via my browser, the original content from the database get saved. I have read issues similar to mine on the forum, but the solution seems to be only for FF. AS you will see in my ASP.Net Markup, UseSubmitBehavior="false" has been added in any case. I have used the radeditor before (a version before it was not AJAX enabled) with no problems at all ! To reference the editor previously I used it for example editor.html to retrieve the value.

I am not using UpdatePanels. BTW the page gets posted back to itself, and is suppose to reflect changes made after btnSaveContent_Click.

Thanks in advance !

ASP.NET Markup

<asp:Panel runat="server" ID="pnlContentAdminMode" Visible="false">

<div>

<telerik:RadEditor ID="edtContent" runat="server" ContentFilters="None"

EnableAjaxSkinRendering="False" EnableResize="False"

Font-Bold="True" Height="100%" Language="" NewLineBr="False"

Skin="Sunset" Width="100%" ToolsFile="~/Scripts/BasicTools.xml"

AutoResizeHeight="True" EditModes="Design, Html" AllowScripts="True" >

</Content>

</telerik:RadEditor>

<asp:Button runat="server" ID="btnSaveContent" Text="Save Changes" class="btnWide" onclick="btnSaveContent_Click" UseSubmitBehavior="false" />

</div>

</asp:Panel>

Code Behind

protected void btnSaveContent_Click(object sender, EventArgs e)

{

SqlConnection dbConn = new SqlConnection(ConfigurationManager.ConnectionStrings["dbConn"].ConnectionString);

SqlCommand cmdContent = new SqlCommand();

cmdContent.Connection = dbConn;

cmdContent.CommandType = CommandType.StoredProcedure;

cmdContent.CommandText = "updateContent";

string currentPage = Request.Url.Segments[1].ToString().ToLower();

//lblContent.Text = currentPage;

cmdContent.Parameters.AddWithValue("@Page", currentPage);

cmdContent.Parameters.AddWithValue("@Content", edtContent.Content);

cmdContent.Parameters.AddWithValue("@User", Session["LoginUser"].ToString());

dbConn.Open();

cmdContent.ExecuteNonQuery();

cmdContent.Dispose();

dbConn.Close();

}

Editor

answered on 03 Jun 2016

4 answers

91 views

Getting tabstrip text on page load

hi

how do i get the selected tab text on page load? Thanks a lot.

protected void Page_Load(object sender, EventArgs e)
{

if(!IsPostBack)
{
RadTabStrip1.SelectedIndex = 0;
string x = RadTabStrip1.SelectedTab.Text;

}
}

TabStrip

answered on 03 Jun 2016

1 answer

55 views

Getting tabstrip text on page load

hi

how do i get the selected tab text on page load? Thanks a lot.

protected void Page_Load(object sender, EventArgs e)
{

if(!IsPostBack)
{
RadTabStrip1.SelectedIndex = 0;
string x = RadTabStrip1.SelectedTab.Text;

}
}

TabStrip

answered on 03 Jun 2016

1 answer

59 views

Object Selection Displays Wrong When Editor Scrolls In IE

In all IE versions (8-11), we have an issue when the content within the editor scrolls and you select an object. I can reproduce this on the editor demo page at http://demos.telerik.com/aspnet-ajax/editor/examples/overview/defaultcs.aspx.

To reproduce it there, you:

Scroll down to the content about "Mount Tiedet, Tenerife".
Click on the image of the mountain.
Use the editor's scrollbar to scroll the image down out of the content view area of the editor.

The square handles that appeared in Step 2 scroll right down off the bottom of the editor into the page below it rather than being hidden. I attached a screenshot showing the issue, with it highlighted in yellow.

This is only happening for me in IE, not in Chrome or Firefox. Unfortunately, our users mostly use IE.

Do you have any thoughts what we can do about this?

Editor

answered on 03 Jun 2016

1 answer

132 views

Stacked chart with wrong scale

Hi,

We use HTMLChart to display stacked bar but the scale of the bar displayed is incorrect.

The value we supply and display on chart seems correct. There is also noticeable gap on each stacked bar.

Please refer to the attached screenshot.

We tested on another development PC and it works OK.

Please assist.

Thanks.

Chart (HTML5)

answered on 03 Jun 2016

11 answers

397 views

RadPersistenceManagerProxy

I want to start using the Persistence Framework - in a complex project that uses many usercontrols and MasterPages.

Logic (and what documentation I see) demands that we add the RadPersistenceManager to the MasterPage and use RadPersistenceManagerProxy to add settings.

I'm trying to determine how to SAVE and LOAD settings from the .aspx/.ascx pages that use the RadPersistenceManagerProxy. The proxy doesn't seem to have the SAVE and LOAD methods. Do I need to find/create a reference to the actual RadPersistenceManager? Or can I use the proxy to trigger these events?

(For what its worth - I want to trigger LOAD on Page_Load (if settings exist) and I want to add a ImageButton on the .aspx/ascx to allow the user to make the changes they want and then save them.)

Bill

Persistence Framework

answered on 03 Jun 2016

2 answers

376 views

RadComboBox Multi-select with unsupported Filter

We have been using RadComboBox with Multi-select, Filter, and MarkFirstMatch. I just now realized that this is unsupported:
http://www.telerik.com/help/aspnet-ajax/combobox-usability-checkboxes.html

Even though it is unsupported, it almost works perfectly. The only issue that I've noticed is that after you check a single item, navigate away, and then come back and select additional items, the textbox is not updated with the newly selected items. For example:

<telerik:RadComboBox runat="server" ID="testComboBox"

CheckBoxes="true" EnableCheckAllItemsCheckBox="true" CheckedItemsTexts="FitInInput"

EmptyMessage="Select Numbers" AutoPostBack="false" Filter="Contains"

MarkFirstMatch="true" NoWrap="true" EnableLoadOnDemand="false"

OnClientTextChange="OnClientTextChange">

<Items>

<telerik:RadComboBoxItem Value="1" Text="One" />

<telerik:RadComboBoxItem Value="2" Text="Two" />

<telerik:RadComboBoxItem Value="3" Text="Three" />

<telerik:RadComboBoxItem Value="4" Text="Four" />

<telerik:RadComboBoxItem Value="5" Text="Five" />

</Items>

</telerik:RadComboBox>

That works well except if you select One, close the dropdown, come back and select Two and Three, when closing it the text will not display correctly- it will revent back to just displaying One. If I remove the Filter, then this issue doesn't occur. I realize that using a Filter is unsupported with multi-select, but coincidentally, if I set another unsupported option, EnableLoadOnDemand="true", then the problem is fixed! In fact, now the entire drop down functionally works perfectly, however, EnableLoadOnDemand="true" forces a postback when you start using the filter by typing into the textbox. This hinders the user's experience as filtering for the desired item(s) is now too slow since a postback occurs with every keypress.

So, my question is, is there any way to achieve the textbox refresh that EnableLoadOnDemand does without using EnableLoadOnDemand? Or, is there a nifty trick to prevent the postback with EnableLoadOnDemand without breaking the text filter? O, is there a supported way to have a multi-select dropdown with checkboxes and filtering?

ComboBox

answered on 03 Jun 2016