Questions on UI for ASP.NET AJAX Forum

1 answer

198 views

Customize the Skins of telerik rad treeview

Hello Team,

I am using telerik treeview with silk skin, but now my requirement is that i want to customize my treeview skin. i tried a lot on this but it dn't work. there are various problem which i facing and also mention my requirement:
1: how can i hide the defaults dotted images.
2: how can i remove the border width of node.
3. Make Parents node in different colour.
4. Change Colour on mouse over .

I have attached the screen shot of demo which i want in my project and also attached the css of customize skin of treeview.
Please help me out how can i solve my problem.

TreeView

answered on 27 Feb 2014

5 answers

2.8K+ views

RadCodeBlock and RadScriptBlock

Hello,

Just out of curiosity, what are the RadCodeBlock and RadScriptBlock controls used for? What is their purpose? What advantages does the RadScriptBlock give you over defining your own <script></script> tags without it?

Thanks.

Ajax

answered on 27 Feb 2014

0 answers

99 views

Header Context Menu for Column max count

Grid

asked on 27 Feb 2014

4 answers

339 views

Filter detail tables from MasterTableView

Let's say I have a grid containing a set of Schools, and each of the schools has a detail table containing a list of courses. I'm looking for a way to filter the schools and courses by course title through the use of a FilterExpression. As of now, I am iterating through each school item and and setting the FilterExpression of the NestedTableView. Not only is this method cumbersome, but it only filters the courses, not the schools, so any schools without courses after filtering display "No child records to display."

Grid

answered on 27 Feb 2014

3 answers

194 views

[Solved] Custom insert/edit DIV dialog

The standard RadEditor lacks a dialog to insert/edit DIV elements, so I built my own custom dialog to be able to do that.

Inserting the DV element works fine. However, editing an existing DIV does not. Instead of replacing the existing DIV element, a new DIV is created within the existing DIV.

Telerik.Web.UI.Editor.CommandList["InsertDIV"] = function (commandName, editor, args) {

var argument = null, elem = editor.getSelectedElement(); //returns the selected element.

if (elem && elem.tagName && elem.tagName == "DIV") {

editor.selectElement(elem);

argument = elem;

}

else {

var l_sContent = editor.getSelectionHtml();

if (l_sContent == '') { l_sContent = 'Inhoud DIV...'; }

var l_oDiv = editor.get_document().createElement("DIV");

l_oDiv.innerHTML = l_sContent;

argument = l_oDiv;

}

var callbackInsertDIV = function (sender, args) {

if (args != null) {

var l_sStyle = "", l_sClass, l_sID, l_sContent = "Inhoud DIV...";

if (args.width && args.width != '') { l_sStyle += 'width:' + args.width + ';' }

if (args.height && args.height != '') { l_sStyle += 'height:' + args.height + ';' }

if (args.padding && args.padding != '') { l_sStyle += 'padding:' + args.padding + ';' }

if (args.margin && args.margin != '') { l_sStyle += 'margin:' + args.margin + ';' }

if (l_sStyle.length > 0) { l_sStyle = " style='" + l_sStyle + "'" }

if (args.class && args.class != '') { l_sClass = " class='" + args.class + "'" }

if (args.id && args.id != '') { l_sID = " id='" + args.id + "'" }

if (args.content && args.content != '') { l_sContent = args.content }

var l_sHtml = String.format("<div{0}{1}{2}>" + l_sContent + "</div>", l_sStyle, l_sClass, l_sID);

editor.pasteHtml(l_sHtml);

}

editor.showExternalDialog(

'RadEditor/dlgInsertDIV.aspx',

argument,

600,

250,

callbackInsertDIV,

null,

'DIV element invoegen/wijzigen',

true,

Telerik.Web.UI.WindowBehaviors.Close + Telerik.Web.UI.WindowBehaviors.Move + Telerik.Web.UI.WindowBehaviors.Resize,

false,

true);

};

In editing an existing DIV, how can I replace/update the existing DIV instead of inserting an extra one?

Best regards, Marja

Editor

answered on 27 Feb 2014

3 answers

130 views

RadEditor 4.5.4 editing locked by default

Hello,
We are using the radeditor as the field editor for some of our fields and we just noticed that when you edit a page, the editor is locked by default. If I click on the HTML mode button and back to WYSIWYG button then the control is editable again. We have recently downgraded from 5.3.2 because the production server is already running 2 other projects with 4.5.4. This issue wasn't occurring in the 5.3.2 version
Thanks

WebParts for SharePoint

answered on 27 Feb 2014

1 answer

222 views

RadEditor - Insert Link - Popup - Custom text

Hi

RadEditor - Click on Insert link - then popup is opening. We are trying to change popup header text from "Insert link" to something else. We tried using Javascript something like below on page load
function pageLoad(sender, args) {
$(".rwTitlebarControls em").text("new Text....");
}

On first time click it is not showing required text. It works only on second time onward click. Please suggest solution

More info. - RadEditor is inside User Control which is getting loaded only when user drag it on page. It is on partial postback only. Attached doc has popup screen where highlighted text needs to be change.

Please suggest.

thanks,
Pradip

Editor

answered on 27 Feb 2014

8 answers

156 views

Problems with "Insert Webpart" function (SharePoint 2010)

Hi,

we want to use the telerik Radeditor in our "SharePoint 2010 Enterprise Wiki" but i have big problems if i insert a webpart into a wiki-page. (I activated the editor as Website-Feature (Use RadEditor to edit List Items / Use RadEditor to edit HTML fields) )
For Example: If i insert a listview webpart and select then another view of this list - the Radeditor insert the default view and the selected view into the page.

Is there a solution for this problem? Does anyone have this problem too?

Greetings from Germany,
Andy

Editor

answered on 27 Feb 2014

3 answers

202 views

RadComboBox collapsing when browser scrollbar is clicked

Some of our users use very low resolution on their monitors, so the button we have at the bottom (in FooterTemplate) of our RadComboBox is not visible unless they scroll down using the browser scrollbar. This works fine in IE <= 10, but in IE 11 the RadComboBox collapses whenever you click the browser scrollbar, so they cannot click the button. And I just confirmed this occurs in Firefox and Chrome as well.

I tried to setting the CloseDropDownOnBlur and EnableScreenBoundaryDetection properties to false, and also setting a very high CollapseDelay value, without effect. I'm brand new to Telerik controls, so any help would be appreciated.

<telerik:RadComboBox ID="selObjectsName" CssClass="nonavigate"

CollapseDelay="1000000000" CloseDropDownOnBlur="false"

ShowToggleImage="false"

HighlightTemplatedItems="true"

MinFilterLength="3"

OnSelectedIndexChanged="ComboBox_OnSelectedIndexChanged"

runat="server"

EnableLoadOnDemand="true"

AllowCustomText="true"

DropDownWidth="650px"

MaxHeight="188px"

ExpandDirection="Down"

ShowDropDownOnTextboxClick="false"

Style="width: 500px !important"

OnItemsRequested="IncrementalSearchEvent"

OnItemDataBound="ComboBox_ItemDataBound"

AutoPostBack="true"

EnableScreenBoundaryDetection="false"

CausesValidation="false" >

<HeaderTemplate>

<table border="0" width="100%">

<tr>

<td width="20">

</td>

<td width="90">

ID

</td>

<td width="200">

Family Name

</td>

<td width="190">

Current Division

</td>

</tr>

</table>

</HeaderTemplate>

<ItemTemplate>

<table border="0" width="100%">

<tr style="cursor: pointer">

<td width="20">

<img src="<%# DataBinder.Eval(Container.DataItem, "ImageUrl") %>" alt="" />

</td>

<td width="90">

<%# DataBinder.Eval(Container.DataItem, "FamilyId")%>

</td>

<td width="200">

<%# DataBinder.Eval(Container.DataItem, "FamilyName")%>

</td>

<td width="190">

<%# DataBinder.Eval(Container.DataItem, "Division")%>

</td>

</table>

</ItemTemplate>

<FooterTemplate>

<asp:Button ID="btnAddFamily" runat="server" Text="No Match Found - Add as New Family" CssClass="button-blue" Width="565px" OnClick="btnAddFamily_OnClick" CausesValidation="false" Style="margin-bottom: 5px" />

</FooterTemplate>

</telerik:RadComboBox>

ComboBox

answered on 27 Feb 2014

1 answer

78 views

Display all PageViews

Hello

We are trying to make it possible for the user to PRINT all pageViews in a particular form. We figured the simplest option would be to use the javascript print() function but unfortunately we have been unable to display all pageviews vertically.

We are using one RadMultiPage that houses all of the dynamically created pageviews with no TabStrip.

Is there anyway to display all?

Regards

A

TabStrip

answered on 27 Feb 2014