Questions on UI for ASP.NET AJAX Forum

3 answers

128 views

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

428 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

61 views

[Solved] 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

119 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

151 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

317 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

99 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

180 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

1 answer

160 views

RadGrid and RadToolBar inside CommandItemTemplate, Chrome issue

Hi! I tried to put a RadTooBar inside the CommandItemTemplate of RadGrid and it works perfectly in IE, Firefox, Opera and Safari, but not Chrome. Google browser instead of showing the items of the RadToolBar it doesn't show anything at all (just a little square). I tried to surraund the object with a <div> or modifying the size of it (or both), but nothing happens (the square gets bigger, but nothing inside).

I tried both 8 and 9 version of Chrome.

Here my code:

<telerik:RadGrid ID="Grid" runat="server" AutoGenerateColumns="False" ShowHeader="false"

GridLines="None" CellPadding="0" Width="205" DataSourceID="Source">

<MasterTableView CommandItemDisplay="Top" DataKeyNames="ID" DataSourceID="Source">

<CommandItemTemplate>

<telerik:RadToolBar ID="Toolbar" runat="server" Width="100%">

<Items>

<telerik:RadToolBarButton runat="server" Width="95%">

<ItemTemplate>

<telerik:RadTextBox ID="Textbox" runat="server" Width="100%"></telerik:RadTextBox>

</ItemTemplate>

</telerik:RadToolBarButton>

<telerik:RadToolBarButton runat="server" Value="filter" ImageUrl="~/Imgs/funnel.png"></telerik:RadToolBarButton>

</Items>

</telerik:RadToolBar>

</CommandItemTemplate>

<NoRecordsTemplate>No records!</NoRecordsTemplate>

<Columns>

<telerik:GridBoundColumn UniqueName="ID" DataField="ID" Visible="false"></telerik:GridBoundColumn>

<telerik:GridBoundColumn UniqueName="Field" DataField="Nominativo"></telerik:GridBoundColumn>

</Columns>

</MasterTableView>

<ClientSettings EnablePostBackOnRowClick="true">

<Selecting AllowRowSelect="True"></Selecting>

</ClientSettings>

</telerik:RadGrid>

Grid

answered on 16 Feb 2011

1 answer

128 views

Sitecore and Flash Manager

I am working in SiteCore 6.0.2. In the media library, I upload a flash file. I use the Flash Manager to select and insert the media into the content and when I do, it works correctly the first time. When I come back to edit the content, the src attribute is empty.

Code after inserting:

<object id="myMovieName" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="630" height="209">

<param name="_cx" value="16668" />

<param name="_cy" value="5529" />

<param name="FlashVars" />

<param name="Movie" />

<param name="Src" value="%7E/media/introduction2.ashx" />

<param name="WMode" value="Window" />

<param name="Play" value="-1" />

<param name="Loop" value="-1" />

<param name="Quality" value="High" />

<param name="SAlign" />

<param name="Menu" value="-1" />

<param name="Base" />

<param name="AllowScriptAccess" />

<param name="Scale" value="ShowAll" />

<param name="DeviceFont" value="0" />

<param name="EmbedMovie" value="0" />

<param name="BGColor" />

<param name="SWRemote" />

<param name="MovieData" />

<param name="SeamlessTabbing" value="1" />

<param name="Profile" value="0" />

<param name="ProfileAddress" />

<param name="ProfilePort" value="0" />

<param name="AllowNetworking" value="all" />

<param name="AllowFullScreen" value="false" />

</object>

When I come back to edit the content, the code changes to:

<object id="myMovieName" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="630" height="209">

<param name="_cx" value="16668" />

<param name="_cy" value="5529" />

<param name="FlashVars" />

<param name="Movie" />

<param name="Src" />

<param name="WMode" value="Window" />

<param name="Play" value="-1" />

<param name="Loop" value="-1" />

<param name="Quality" value="High" />

<param name="SAlign" />

<param name="Menu" value="-1" />

<param name="Base" />

<param name="AllowScriptAccess" />

<param name="Scale" value="ShowAll" />

<param name="DeviceFont" value="0" />

<param name="EmbedMovie" value="0" />

<param name="BGColor" />

<param name="SWRemote" />

<param name="MovieData" />

<param name="SeamlessTabbing" value="1" />

<param name="Profile" value="0" />

<param name="ProfileAddress" />

<param name="ProfilePort" value="0" />

<param name="AllowNetworking" value="all" />

<param name="AllowFullScreen" value="false" />

</object>

With Sitecore, it is linking the src attribute as a .ashx file. Do you have any workarounds? I am assuming the src parameter is not kept as the item is not a .swf, but the .ashx, returns the swf file.

Thanks,
Andy

Editor

answered on 16 Feb 2011