Questions on UI for ASP.NET AJAX Forum

1 answer

107 views

Performing original operation when saving batch edits from an external button

Hi there;

I have the following attached to a toolbar button client side:

function saveChangesInGrid(sender, args) {

var grid = $find('<%=gridData.ClientID%>');

grid.get_batchEditingManager().saveChanges(grid.get_masterTableView());

}

I still want the postback for the button to fire, though, as I need to handle other areas of the form server-side. Any suggestions?

Thanks,

Jason

Grid

answered on 06 Jun 2016

9 answers

306 views

Is the Calendar responsive?

We are looking into using the Telerik calendar, but we need to know if it is responsive. Please respond if you have experience with this. It looks really nice, but I haven't used it before.

Calendar

answered on 06 Jun 2016

11 answers

436 views

GridNumericColumn textbox width

Hi everybody, I have a little problem, I'm using the inlines edit mode for my radgrid, I can't figure out how I can set the width of the generated textbox in my GridNumericColumn. The textbox is alwas to big and I can't find the property to set it smaller.

Can somebody help me with this issue?

thanx

Raphael

Grid

answered on 06 Jun 2016

3 answers

123 views

Apply Formatting to Selection of Multiple Table Cells

Hello,

I have a button in the Radeditor that calls a custom command. The command sets the bottom border of a table cell by adjusting the style attribute of a <td> tag. It works fine when the cursor is in the target cell. However, when I select multiple cells in the table, the border is only applied to the last cell I select. I suppose this is behaving as it should (setting the style of the last active cell), but I am wondering how I would approach adjusting the code to handle multiple cell selects? I had a look at the getSelection and getSelectionHtml methods and wasn't able to find a working solution. Any help would be appreciated. Here's my existing code snippet:

            Telerik.Web.UI.Editor.CommandList["DoubleBottomBorder"] = function(commandName, editor, args) {
                       var command = new Telerik.Web.UI.Editor.GenericCommand(commandName, editor.get_contentWindow(), editor);
                       var elem = editor.getSelectedElement();
                       elem.style.borderBottom = "3px double #000000";
                       editor.executeCommand(command);
            };

Regards,

Andrew

Documentation and Tutorials

answered on 06 Jun 2016

4 answers

97 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

109 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

61 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

703 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

112 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

65 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