Questions on UI for ASP.NET AJAX Forum

1 answer

152 views

I have a radeditor control inside an asp.net form view insert item template.

As the user types text into the radeditor, I want to display the text/html inside a seperate label (within the same insert item template) in real time. (Yes, I know that the radeditor has a preview mode, but the real time preview must be seperate to the radeditor in my scenario).

This is my server side code:

RadEditor re1 = (RadEditor)FormView_RISummaryDetailsFV.FindControl("RadEditorSummaryDescription_RISummaryDetailsFVEditItemTemplate");

Label lab1 = (Label)FormView_RISummaryDetailsFV.FindControl("LabelResumePreviewHeader_RISummaryDetailsFVEditItemTemplate");

Label lab2 = (Label)FormView_RISummaryDetailsFV.FindControl("LabelResumePreviewContents_RISummaryDetailsFVEditItemTemplate");

re1.Attributes.Add("onKeyUp", "JavaScript:summaryRealTimePreview('" + re1.ClientID + "', '" + lab1.ClientID + "', '" + lab2.ClientID + "');");

This is my JavaScript code:

<script type="text/javascript" >

function summaryRealTimePreview(re1_id, lab1_id, lab2_id) {

var re1 = $find(re1_id);

var lab1 = document.getElementById(lab1_id);

var lab2 = document.getElementById(lab2_id);

lab1.innerHTML = re1.get_html();

lab2.innerHTML = re1.get_html();

}

</script>

Also, I have attempted to implement the onClientLoad="onClientLoad" function of the RadEditor control, but I am unable to find the two required labels which are both inside the insert item template, such as:

<telerik:RadEditor ID="RadEditor1" runat="server" onClientLoad="OnClientLoad" />

<script language="javascript" type="text/javascript">

function OnClientLoad(editor) {

var element = document.all ? editor.get_document().body : editor.get_document();

$telerik.addExternalHandler(element, "keyup", keyUpFunction);

}

function keyUpFunction() {

alert("key up function tripped");

}

</script>

Can anyone guide me on the correct syntax or correct coding to achieve this?

.

Editor

answered on 27 Oct 2011

1 answer

126 views

Toolbar button mouseover background color

When I mouseover buttons on my toolbar, the button turns completely gray (default skin).

I have tried to change ".RadEDomMouseOver" in my css file where I set the background color to white, etc but have had no luck. What is the css I need to set?

Nevermind...it was a css issue

Editor

answered on 27 Oct 2011

7 answers

140 views

Cufon in RadPageView

Hi,
a design coder is using Cufon to get the desired font. This works well when the page first loads but when I change pages via a radtabstrip , the font formating dissapears.
I have seen several examples that use the OnResponseEnd event of the RadAjaxManager to fire Cufon.refresh(), but this removes all the text so that no h2 tags appear on the page.

I'm using the code:

function responseEnd(sender, eventArgs) {

Cufon.replace('h1', { hover: true });

Cufon.replace('h2', { hover: true });

Cufon.now();

}

Anybody have any ideas?
Regards
Roger

TabStrip

answered on 27 Oct 2011

1 answer

123 views

Menu adding extra folder to path

I have the strangest thing happening with my url. I have been testing a new website in QA, and I noticed that every time I use a Telerik RadMenu I get an extra folder in the url. I have my QA website hosted on godaddy and the url is www.programguy.com. This website resides in a folder called "programguy". When I traverse this website, every thing appears to be working normally and the url looks normal, i.e. www.programguy.com/default.aspx would be an example of the url. However, when I use the RadMenu the url changes to www.programguy.com/programguy/default.aspx. Can anyone give me some insight on how to correct this?

William

Menu

answered on 27 Oct 2011

1 answer

60 views

Sliding pane goes mad after splitter had been resized

Hello!
I faced the following throuble with RadSplitter:
When i resize the splitter by invoking in OnClientLoad handler or in window.resize handler like this

var splitter = $find('<%= mainSplitter.ClientID %>');

splitter.set_width($(window).width()-34);

splitter.set_height($(window).height() - 114);

The sliding pane starts slide in and out when i try to show it (by hovering the related tab in sliding zone) and slides so until i click outside the splitter or the pane few times, sometimes it stops if i click on the tab again. When i resize window vertically and invoke splitter resizing javascript by handling window.onresize, the horro surely starts. Somestimes it can start after horizontal rsize, but not sure how all this related to each other.

My markup is like this:

<Telerik:RadSplitter runat="server" ID="mainSplitter" LiveResize="false" OnClientLoad="InitSplitter" Width="640px"><br> <Telerik:RadPane runat="server" ID="leftPane" Scrolling="None" Width="25px" ><br> <Telerik:RadSlidingZone runat="server" ID="mainSlidingZone" Width="25px"><br> <Telerik:RadSlidingPane ID="projectsPanel" runat="server" Title="Projects" Font-Size="14pt" Width="300px"><br> <Telerik:RadAjaxPanel runat="server" ID="leftTreePanel" Width="300px"><br> <Telerik:RadTreeView runat="server" ID="leftTree" AllowNodeEditing="false" AppendDataBoundItems="false" <br> DataFieldID="Key" DataFieldParentID="Key"<br> MultipleSelect="false" EnableDragAndDrop="false"<br> MaxDataBindDepth="2" SingleExpandPath="true"<br> CausesValidation="false" OnClientNodeClicked="ClientNodeClick"<br> OnNodeExpand="POExpand"><br> </Telerik:RadTreeView><br> </Telerik:RadAjaxPanel><br> </Telerik:RadSlidingPane><br> </Telerik:RadSlidingZone><br> </Telerik:RadPane><br> <Telerik:RadSplitBar runat="server" Width="5px" /><br> <Telerik:RadPane runat="server" ID="currentItemsPane" Width="610px"><br><div> </div> </Telerik:RadPane><br></Telerik:RadPane>

Best regards,
Konstantin

Splitter

answered on 27 Oct 2011

1 answer

90 views

Grid data doesn't show up

The grid data is being displayed properly when I'm running my app on localhost but after I've uploaded it to our development server the grid doesn't return any data at all.

protected void radBtnSearch_Click(object sender, EventArgs e)

{

radGridLastName.Rebind();

}

The SQL query is on the ASP side of things. Any insight would be appreciated.

Grid

answered on 27 Oct 2011

9 answers

188 views

Cursor jumps to start after first char

Hi,
I have a combobox with MarkFirstMatch="true" AllowCustomText="true"
filled with numbers 1, 3,5,7,...29
When i start enter and type 21 - I get item 21 selected, this is expected
But when i want to type 13 - after I enter 1 cursor jumps to the start position of input box and after I enter 3 i get 31 instead.

How to fix this?

Thank you
Alex

ComboBox

answered on 27 Oct 2011

1 answer

69 views

dragging items from RadTreeview and Placing in Radgid Group Panel

Hi ,

I need to drag an item from RadTreeView and place it in the group Panel of a radgrid in RadTreeView1_NodeDrop event and grouping should be done accordingly . I am binding the Columns dynamically to the radgrid not in design time . Could you please send me a sample for this?

My requirement is same as : http://www.telerik.com/community/forums/aspnet-ajax/ajax/drag-columns-to-grid-group-panel-and-grid-separetly.aspx

Regards
Radhika

Grid

answered on 27 Oct 2011

1 answer

69 views

Page view in separate class

Hi,

I am newbie. I have used RadTabStrip having more than five tabs in it, and pageview control as many tabs are. The question is, could I do something like create separate or sub class for each pageview and assign different panel within that classes respectively and then on the main page I just create an object of that class and attached it with RADTABSTRIP (MultiPage).

Actually, I did such a things in Java, i.e. create JInternalFrames in separate class and call them into main class, but could I use same approach with ASP.NET and RADTRAPSTRIP or should I have to initialize all the components on the same page, or if you have any better suggestion regarding this then please let me know.

Regards and Thanking in Advance.

M.A.Bamboat

General Discussions

answered on 27 Oct 2011

2 answers

792 views

How to check that at least one item is selected

Hi,
how to check that at least one item is selected in a RadComboBox? My RadComboBox allows just single selection and I want to check that user has selected one item which is needed for next/related user input control (RadListBox) will be loaded with data (from code behind). Meaning I will check that at least one item is selected from code behind method RadComboBox_SelectedIndexChanged and if one item is checked load data into next/related RadListBox.

Why isn't there a method RadComboBox.SelectedItems.Count as there is for example RadListBox?

I have EmptyMessage set to '--- Select ---' in RadComboBox. Can I use this in some way?

Rgds,
Jesper

ComboBox

answered on 27 Oct 2011