Questions on UI for ASP.NET AJAX Forum

1 answer

52 views

RadInput Edit and Display Value Mode Toggle

Is there a way with the RadInput textbox control to allow for users to toggle the editing and displaying of a value? What I mean is, on the load of the page, text is displayed. When the user clicks on the text, it becomes editable (i.e. text displayed within the RadInput textbox). Save and Cancel buttons are also displayed when the "edit mode" is toggled on.

Flickr does this, for example, with the naming of their photos and with descriptions.

Input

answered on 16 Feb 2011

1 answer

58 views

RadEditor Image Manager - Incorrect File size from ViewPath folder

I attached a ViewPath to an instance of RADEditor's ImageManager. The tool was able to view the image in the folder, however, it is noting a file dimension (1800px by 2689 px) in the Properties tab that does not exist for the current image (100 px by 150 px). The file size in the center pane is around 6 KB, which is accurate. Any thoughts for why or where ImageManager would be storing this information? I want for it to just show the image as it exists. Thank you.

Editor

answered on 16 Feb 2011

3 answers

114 views

Rad Splitter Resize

Hi,

I have a nested rad splitter to divide the screen into 3 portion left,(in right) top and main content with RadGrid.

I want splitter width should be fit as per screen size like 100%. but while i gave 100% to parent splitter the child splitter got shrink.

Plz help on this.

regards,

Baaje

Splitter

answered on 16 Feb 2011

11 answers

390 views

Grid hierarchy color around detail tables

I have a radgrid with hierarchy of one parent table and 3 detail tables all at the same level. When the user expands all 3 child levels at once, I set a caption to separate them. I would like to change the background color(where the caption is and around that). Not the grid background. Is there a way to change this color?

Also, is there a way to add a little space between the bottom of the last part of the child and the next parent record?

Thanks

Grid

answered on 16 Feb 2011

1 answer

40 views

Enabel/Disabel Toolbarbuttons

Hi,
How can toolbarbuttons in RadEditor be enabled and disabled according to current selection. RadEditor is using toolsfile for configuring the toolbarbuttons. The sample from documentation for "OnClientSelectionChange" trying for example to enable/disable "InsertRowAbove" button does not work.

function OnClientSelectionChange(editor, args) {

var selElem = editor.getSelection().getParentElement(); //return the currently selected object in the content area

var oTool = editor.getToolByName("InsertRowAbove"); //get a reference to the custom tool

if (selElem.tagName == "TD") //if the selected element is of image type, make the tool's icon active

{

oTool.setState(0); //Enable Tool Icon

}

else {

oTool.setState(-1); //Disable Tool Icon

}

<telerik:RadEditor ID="RadEditor1" runat="server" Skin="Default" OnClientSelectionChange="OnClientSelectionChange"

ContentAreaMode="Div" Height="600px" Width="700px" ToolsFile="~/Admin/Form/Controls/DefaultTools.xml">

What is wrong I need help. Thanks.

Regards,
Michael

Editor

answered on 16 Feb 2011

1 answer

101 views

Select button does not render properly

Hi,
I need your help to resolve this issue.

I'm using RadAsyncUpload. But it doesn't render select button properly with any skin-- it looks cropped from right side.

following is the code:-

<

table border="0" style="width: 100%">

<telerik:RadAsyncUpload ID="rauPRFImageUpload" runat="server" AllowedFileExtensions="jpg,jpeg,png,gif,bmp"

BorderWidth="0px" MaxFileInputsCount="1" MaxFileSize="1048576" OnFileUploaded="rauPRFImageUpload_FileUploaded"

OverwriteExistingFiles="True" Width="100%" OnClientFileUploaded="FileUploaded">

</telerik:RadAsyncUpload>

</td>

<asp:button id="btnImageDelete" runat="server" onclick="btnImageDelete_Click" text="Delete" />

</td>

</tr>

</table>

Upload (Obsolete)

answered on 16 Feb 2011

1 answer

125 views

RadEditor - Toolbar - Wrapping Issue

Hello,

We are using RADControls for AJAX (2010.2.929.20); I am facing a weird issue with RadEditor toolbar; and I am wondering if you guys can shed some light on the possible root cause of the problem.

I have 2 toolbars defined where the 2nd toolbar being the lengthier one. I have a webpage that used to use XML databinding which we had converted to an ASPX page and when I have the oncellchange event on the xml island the toolbar layout seems to be off (refer attached screenshots).

When I observe the rendered markup of the page, if I do not have the oncellchange event defined, the DIV element of the editor wrapper appears as:
<DIV style="MIN-WIDTH: 680px; MIN-HEIGHT: 400px; WIDTH: 1656px; HEIGHT: 400px" id="ctl00_mc_myradEditor" class="RadEditor Default reWrapper">

And the toolbar is rendered as:
<UL style="WIDTH: 810px" class="reToolbar Default"> - For the first toolbar
<UL style="WIDTH: 1148px" class="reToolbar Default"> - For the 2nd toolbar

When the oncellchange event is defined it shows as:
<DIV style="WIDTH: 1656px; HEIGHT: 400px" id="ctl00_mc_myradDEEditor" class="RadEditor Default reWrapper">
and the toolbars are rendered as:

<UL class="reToolbar Default"> - For the first toolbar
<UL class="reToolbar Default"> - For the 2nd toolbar

Any thoughts on why in one case the width's are set to a fixed size and not in other?

Thanks,

Editor

answered on 16 Feb 2011

5 answers

293 views

Cascading Dropdowns in EditFormTemplate

Hello, I am having an issue with a custom edit form for rad grid. I have cascading drop downs in an edit form template, basically, user selects a state and then the city dropdown pre populates with cities in that state. I bind the initial item lists in the ItemDataBound event like I saw in some examples. I have no issues pre populating the drop downs with the initial lists and selected values, however if a user changes the value of the States drop down, it causes a postback (which it should) but it resets the whole form back to the original values.

<MasterTableView EditMode="PopUp" EditFormSettings-PopUpSettings-Width="600" DataKeyNames="Id">

<EditFormSettings EditFormType="Template" >

<FormTemplate >

<table cellspacing="8">

<tr>

<td class="style2">Title:</td>

<td>

<telerik:RadTextBox ID="txtTitle" Visible="true" Text='<%# DataBinder.Eval( Container, "DataItem.Title" ) %>' MaxLength="100" Width="400" runat="server">

</telerik:RadTextBox>

</td>

</tr>

<tr>

<td class="style1" valign="top" >State:</td>

<td>

<telerik:RadComboBox ID="RadComboBoxState" runat="server">

</telerik:RadComboBox>

</td>

</tr>

<tr>

<td class="style1" valign="top" >City:

</td>

<td>

<telerik:RadComboBox ID="RadComboBoxCity" runat="server">

</telerik:RadComboBox>

</td>

</tr>

protected void RadGrid1_ItemDataBound(object sender, Telerik.Web.UI.GridItemEventArgs e)

{

if (e.Item is GridEditFormItem && e.Item.IsInEditMode)

{

GridEditFormItem editFormItem = e.Item as GridEditFormItem;

GridDataItem parentItem = editFormItem.ParentItem;

Literal debug = (Literal)editFormItem.FindControl("ltr_debug");

int _EntityId = Convert.ToInt32(parentItem["OwnerEntityId"].Text);

//*******************************

//Load states

//*******************************

RadComboBox cbStates = editFormItem.FindControl("RadComboBoxState") as RadComboBox;

DataTable dtStates = ApplicationInterface.GetActiveStates();

cbStates.DataSource = dtStates;

cbStates.DataValueField = "id";

cbStates.DataTextField = "name";

cbStates.DataBind();

cbStates.SelectedValue = parentItem["SelectedState"].Text;

cbStates.AutoPostBack=true;

cbStates.SelectedIndexChanged += new System.EventHandler(StateSelected);

//*******************************

//Load cities

//*******************************

RadComboBox lbCities= (RadComboBox)editFormItem.FindControl("RadComboBoxCity");

DataTable dtCitiesByState = ApplicationInterface.GetCitiesForState(parentItem["SelectedState"].Text);

lbCities.DataSource = dtCitiesByState;

lbCities.AutoPostBack = true;

lbCities.DataValueField = "id";

lbCities.DataTextField = "name";

lbCities.DataBind();

lbCities.SelectedValue = parentItem["SelectedCity"].Text;

}

protected void StateSelected(object sender, EventArgs e)

{

RadComboBox dc = (RadComboBox)sender;

GridEditFormItem editedItem = dc.NamingContainer as GridEditFormItem;

RadComboBox cities=editedItem.FindControl("RadComboBoxCity") as RadComboBox;

...

..Binding code here

}

So the edit form populates correctly, user changes some text boxes etc... but if they select a different state the whole form resets. Is there anything special I need to do to use cascading combo boxes with async postbacks in my edit form. I have read some other posts but I cant find anything that replicates the issue I am having.

Grid

answered on 16 Feb 2011

1 answer

81 views

contenteditable iframes

Telerik Team

Does RadSpell support contenteditable iframes.As in our screen we have 4-5 contenteditable iframes along with textareas and we are using client side API's to do spell check like following.But its not taking the data in contenteditable iframe in spell check dialog.

var

_spellid = _spell.id;

var spell = GetRadSpell(_spellid);

//var spell = GetRadSpell(_spell);

spell.set_textSource(

new Telerik.Web.UI.Spell.MultipleHtmlElementsSource(sources));

SetDebugPoint(LabelCTR,

"in startSpellCheck");

spell.startSpellCheck();

Kindly provide some help in this regard as its very crucial for our application

Thanks
Sonia Dhamija

Spell

answered on 16 Feb 2011

3 answers

160 views

Using RadCompression for http WCF?

I have a situation where a http WCF service is hosted in IIS, and this service is called by a Winforms client based on Telerik's radcontrols for winforms.
My question is, can I use RadCompression to compress the WCF service responses and if yes, then how would I implement it? I would think it should be possible since the http WCF is just another http website with a web.config file like any other ASP.Net website.

Thanks
Sunil

Compression

answered on 16 Feb 2011