Markup is shown properly in the HTML view of the RadEditor, but is striped when rendered on the page.
Here is my HTML as shown in the RadEditor:
<p><img alt="the other" src="/PublishingImages/Signing-4730x.jpg" /></p> |
<p>this<br /> |
test</p> |
Note the end tags on BR and IMG, but when the page is rendered I get this:
<p><img alt="the other" src="/PublishingImages/Signing-4730x.jpg"></p> |
<p>this<br> |
test</p> |
For both the img and the br tags the closing / is removed. How can I prevent this from happenging?
How can I set the FocusedDate to January 1 of the current year? I have tried a JavaScript function, but the calendar will have the current month as the first month.
The JavaScript is
function navigateToJanuary(sender) {
var todaysDate = new Date();
var triplet;
triplet = [todaysDate.getFullYear(), 01, 01];
sender.navigateToDate(triplet);
}
I put an alert box to verify that I am getting the correct date. 2016,1,1
I have in the RadCalendar
<ClientEvents OnLoad="navigateToJanuary" />
Am I using the wrong client event?
I currently use the HeaderContextMenu to filter a RadGrid and I've been asked if the column filters can cascade off one another (i.e. Selecting a two Divisions will reduce the available options in the State context filter to only those states in the selected Divisions). I've seen (and completed) examples using standard Drop Downs on a RadGrid, but not with the HeaderContextMenu. Is there a way to access the selected items to include with the selectCommand for the grid? Is there another way to handle this?
When I am using the following to group the controls in bootstrap with from-group I want to have a 15px margin bottom on the controls for spacing but what happens is the date icon goes out of alignment how do i get the icon to line up after applyign 15 px to form group.
<
div
class
=
"form-group"
>
<
label
class
=
"col-md-4 control-label"
for
=
"textinput"
>Date Of Birth</
label
>
<
div
class
=
"col-md-8"
>
<
telerik:RadDatePicker
ID
=
"rdDob"
Skin
=
"Bootstrap"
runat
=
"server"
></
telerik:RadDatePicker
>
</
div
>
</
div
>
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
<!DOCTYPE html>
<
html
xmlns
=
"http://www.w3.org/1999/xhtml"
>
<
head
runat
=
"server"
>
<
title
>Test</
title
>
</
head
>
<
body
>
<
form
id
=
"form1"
runat
=
"server"
>
<
telerik:RadScriptManager
ID
=
"RadScriptManager1"
runat
=
"server"
>
</
telerik:RadScriptManager
>
<
div
>
<
telerik:RadToolTip
ID
=
"RadToolTip1"
runat
=
"server"
ContentScrolling
=
"Both"
Height
=
"500px"
Position
=
"Center"
RelativeTo
=
"BrowserWindow"
VisibleOnPageLoad
=
"True"
Width
=
"500px"
ManualClose
=
"True"
>
<
table
style
=
"width: 750px; height: 750px; background-color: #008000;"
>
<
tr
>
<
td
style
=
"width: 750px; height: 750px; background-color: #008000;"
></
td
>
</
tr
>
</
table
>
</
telerik:RadToolTip
>
</
div
>
</
form
>
</
body
>
</
html
>
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
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