Questions on UI for ASP.NET AJAX Forum

1 answer

85 views

How to remove Extra space in grouping section?

Hi,
   when I grouping rows in RADgrid, then alignment problem is there.
There is a big gap in displaying inside radGRID in grouping section.(BY default, means without applying any CSS).
how will I remove that extra space. Guide me.
   please see attached image file.

   my radgrid is like as foll.

<telerik:RadGrid runat="server" AllowPaging="false" ID="grdGroups" OnNeedDataSource="grdGroups_NeedDataSource"

OnRowDrop="grdGroups_RowDrop" Width="100%" AllowMultiRowSelection="true" AutoGenerateColumns="false">

<MasterTableView DataKeyNames="colinfoid,groupid">

<GroupByExpressions>

<telerik:GridGroupByExpression>

<SelectFields>

<telerik:GridGroupByField FieldAlias="Group" FieldName="group_name" HeaderValueSeparator=" : ">

</telerik:GridGroupByField>

</SelectFields>

<GroupByFields>

<telerik:GridGroupByField FieldName="group_name" SortOrder="Ascending"></telerik:GridGroupByField>

</GroupByFields>

</telerik:GridGroupByExpression>

</GroupByExpressions>

<Columns>

<telerik:GridBoundColumn DataField="colinfoid" Visible="false">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="group_name" Visible="false">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="fieldname" ItemStyle-Width="25px" HeaderStyle-Width="25px"

ItemStyle-HorizontalAlign="Left">

</telerik:GridBoundColumn>

</Columns>

<NoRecordsTemplate>

<div style="height: 30px; cursor: pointer;">

No items to view</div>

</NoRecordsTemplate>

</MasterTableView>

<ClientSettings AllowRowsDragDrop="True">

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

<ClientEvents OnRowDropping="onRowDropping" />

</ClientSettings>

</telerik:RadGrid>

Grid

answered on 01 Feb 2011

1 answer

141 views

ASP.NET AJAX Controls and Razor

Hi All,

I'm an MVC, Razor and Telerik n00b but I'm just researching the pieces that will make up a new browser product we are developing and so far I'm leaning towards ASP.NET MVC and Telerik controls. Although I see there are MVC controls I will also need some of the controls from the AJAX library which from what I've read should be quite possible. However, I'm wondering if it's possible to consume the AJAX controls from Razor or is the far simpler option to use the "Webform" view engine instead, certainly all of telerik's examples of using the AJAX controls in MVC, that I've been able to find, utilize webforms (think they are all pre-Razor anyway).

Is this correct? Is it better to just avoid Razor in order to use the Telerik AJAX controls?

Thanks.

General Discussions

answered on 01 Feb 2011

1 answer

92 views

RadGrid sorting - undo the sort

Hello,

I am using a RadGrid that allows the user to click on a column header and sort that column.

However, I have a button on the form that serves as a "grid reset" - and when clicking this button, I want to undo the sorting. So, if any column was sorted (either ascending or descending), I want to undo that sort. How would I do this?

Thanks,
Dave

Grid

answered on 01 Feb 2011

1 answer

168 views

How to highlight/Bold some dates?

Hi,
I am using RadScheduler with RadCalendar.
we have some Schedules in Database.
I would like to highlight/bold those dates in my RadCalendar control, so user knows we have Schedules on that day.

how can i do this?

please help me..

Calendar

answered on 01 Feb 2011

4 answers

143 views

RadEditor in IFrame (Content access)

Hi,

I'm experiencing a problem with the RadEditor when it comes to put it in a IFrame.

I have a kind of "Hello world" project. (Just to make sure the application that i want to use radeditor in is not the problem)

As long as the radeditor is directly in a page i can access to the value of the content on the postback of the page. (In the code behind)

But if i put the radeditor in a iFrame then, on the postback, the content property always return the content that the radeditor had on the page load even if i changed it.

Do i miss something?

Thank you

Editor

answered on 01 Feb 2011

2 answers

159 views

Switch to Design mode toolbar button

I'm using Telerik:RadEditor. I've added a toolbar icon with this code:

telerik:EditorTool Name="ChangeMode" Text="View/Edit Source" />

and the javascript is:

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

editor.set_mode(2);

};

When I click on this icon, editor mode is changed to HTML.
The problem is that the toolbar becomes disable and I can't switch back to Design mode. Please tell me how can I prevent the toolbar to disable when in HTML mode. Please note I'm not using Design, HTML, Preview buttons under the editor's content area, but only the toolbar.

Editor

answered on 01 Feb 2011

3 answers

186 views

Add new Item in Radcombobox

Hi all,
I have combobox, it will be loaded after typing 3 letter. Search is done in db stored proc and Combobox is loaded, if results are found.
And If we don't have searched item user can add the item.
I have multi column combo.
can that be done in one combobox or what do you suggest?
e.g. if i type Act it search all data with act and loads data. if we dont' have result allow to add the item!

Act
Post            Location     Manager
CP             Activa         George
Accountant EgyptMain    Jemison

zun
Post            Location        Manager

ComboBox

answered on 01 Feb 2011

0 answers

89 views

Radcombobox issue with hide and show

I have a ComboBox set to Display None in code behind of page load of IsNotPostBack. When I click on another control, I am making this control visible from Jquery. I am using Set_visible(true) property. It works fine but When I submit the form for the server validation(post back) RadComboBox disappears. I am not setting this to none anywhere except in IsNotPostBack method. What could be the reason? Also How can I validate EmptyMessage with RequiredFieldValidator on the client side? Please let me know.

Thank you for any ideas..

ComboBox

asked on 31 Jan 2011

3 answers

135 views

Display image in radgrid editform template

Hi

I have a rad grid with a template edit form. One of the fields on the form is an image but the image is not being displayed using the 'Bind' command.

Here is my edit form:

<FormTemplate>

<table id="table1" cellspacing="2" cellpadding="1" width="100%" border="1" rules="none"

style="border-collapse: collapse;">

<tr class="EditFormHeader">

<td colspan="2">

<b>Product Details</b>

</td>

</tr>

<tr>

<td>

<table id="table2" cellspacing="1" cellpadding="1" width="100%" border="0" class="module">

<tr>

<td></td>

</tr>

<tr>

<td>

Product Name:

</td>

<td>

<asp:TextBox ID="TextBox7" runat="server" Width="90%" Text='<%# Bind( "ProductName" ) %>'></asp:TextBox>

</td>

</tr>

<tr>

<td>

Product Price:

</td>

<td>

<asp:TextBox ID="TextBox8" runat="server" Width="90%" Text='<%# Bind( "ProductPrice" ) %>'></asp:TextBox>

</td>

</tr>

<tr>

<td>

Category:

</td>

<td>

<asp:TextBox ID="TextBox9" Enabled="false" runat="server" Width="90%" Text='<%# Bind( "CategoryName" ) %>'></asp:TextBox>

<br />

<asp:DropDownList ID="DropDownList1" runat="server"

DataSourceID="SqlDataSource1" Width="90%"

DataTextField="CategoryName" AutoPostBack="true">

</asp:DropDownList>

<asp:SqlDataSource ID="SqlDataSource1" runat="server"

ConnectionString="<%$ ConnectionStrings:ASPNETDBConnectionString %>"

SelectCommand="Select Distinct CategoryName From Categories">

</asp:SqlDataSource>

</td>

</tr>

<tr>

<td>

Thumb Image:

</td>

<td>

<asp:TextBox ID="testImage" runat="server" Text='../images/<%# Bind( "ImageName" ) %>'></asp:TextBox>

<img id="ThumbImage1" runat="server" alt="" src='../images/<%# Bind( "ImageName" ) %>' />

<asp:Image ID="Image1" runat="server" AlternateText="Thumb" ImageUrl='../images/<%# Bind( "ImageName" ) %>'/>

</td>

</tr>

<tr>

<td>

Main Image:

</td>

<td>

<img id="MainImage" alt="" runat="server" src='../images/<%# Bind( "ImageNameMain" ) %>' />

</td>

</tr>

<tr>

<td colspan="2">

<telerik:RadTabStrip runat="server" ID="RadTabStrip1" Orientation="HorizontalTop"

SelectedIndex="0" MultiPageID="RadMultiPage1" Width="400px">

<Tabs>

<telerik:RadTab Text="Ingredients">

</telerik:RadTab>

<telerik:RadTab Text="Description">

</telerik:RadTab>

<telerik:RadTab Text="Overview">

</telerik:RadTab>

<telerik:RadTab Text="Directions">

</telerik:RadTab>

</Tabs>

</telerik:RadTabStrip>

<telerik:RadMultiPage runat="server" ID="RadMultiPage1" SelectedIndex="0"

Height="218px" Width="400px" CssClass="multiPage">

<telerik:RadPageView runat="server" ID="RadPageView1" CssClass="pageView">

<asp:TextBox ID="TextBox13" runat="server" TextMode="MultiLine" Rows="5" Columns="40" Width="370px"

Text='<%# Bind( "ProductIngredients" ) %>'></asp:TextBox>

</telerik:RadPageView>

<telerik:RadPageView runat="server" ID="RadPageView2" CssClass="pageView">

<asp:TextBox ID="TextBox10" runat="server" TextMode="MultiLine" Rows="5" Columns="40"

Text='<%# Bind( "ProductDescription") %>'></asp:TextBox>

</telerik:RadPageView>

<telerik:RadPageView runat="server" ID="RadPageView3" CssClass="pageView">

<asp:TextBox ID="TextBox11" runat="server" TextMode="MultiLine" Rows="5" Columns="40"

Text='<%# Bind( "ProductOverview" ) %>'></asp:TextBox>

</telerik:RadPageView>

<telerik:RadPageView runat="server" ID="RadPageView4" CssClass="pageView">

<asp:TextBox ID="TextBox12" runat="server" TextMode="MultiLine" Rows="5" Columns="40"

Text='<%# Bind( "ProductDirections" ) %>'></asp:TextBox>

</telerik:RadPageView

</telerik:RadMultiPage>

</td>

</tr>

</table>

</td>

</tr>

<tr>

<td align="right" colspan="2">

<asp:Button ID="btUpdate" Text='<%# (Container is GridEditFormInsertItem) ? "Insert" : "Update" %>' runat="server"

CommandName='<%# (Container is GridEditFormInsertItem) ? "PerformInsert" : "Update" %>'/>

<asp:Button ID="btnCancel" Text="Cancel" runat="server" CausesValidation="false"

CommandName="Cancel" />

</td>

</tr>

</table>

</FormTemplate>

I have added two image types (HTML & ASP.net) and a textbox to see the result of the bind, here are what i see

Textbox testImage = ../images/<%# Bind( "ImageName" ) %>
HTML ThumbImage1 =

" id="ctl00_ContentPlaceHolder1_RadGrid1_ctl00_ctl19_ThumbImage1" />

ASP Image1 = Alt text is shown 'Thumb'

How do i render an image in the edit form?

Grid

answered on 31 Jan 2011

3 answers

55 views

Selected row from radgrid to be inserted in another Radgrid

Hello there,

I am trying to implement the following, select one row at a time from Radgid1, then add the selected row to another grid.
So, the user select a record from RadGrid1 then this row will be inserted in RadGrid 2.

Please direct me or provide some code, I really appreciate any help

Thank you so much

Sean

Grid

answered on 31 Jan 2011