Questions on UI for ASP.NET AJAX Forum

5 answers

291 views

[Solved] Need help with RadEditor's issues

Below is the link to the code that has the two RAdEditors I am using on my page:-

http://pastebin.com/GsgKhL76

The problems that I am facing are as follows:-

1. When I click inside of EditorQues, its toolbar shows. But when I click to type inside EditorAns, EditorQues's basic toolbar keeps on showing.
   I want this basic toolbar to hide when focus is inside EditorAns.

2. Ajax Spell Check is not working in both the Editors. However, when I embed the same Editors in an aspx page that has no master page, the Ajax Spell Checker works great.
   Why is Spell checker not working in this page of mine that has a master page? When I click on Spell check button in both Editors' toolbar, it displays message "Spell check in progress" and both "Finish Spell Check"
   and "Cancel" Buttons are greyed out so I am unable click them and I have to refresh the page everytime to make those "Finish Spell Check"
   and "Cancel" Buttons to go away. How do I fix this ? I mean what has using master page got to do with the Spell checker? I tested with this another master page, Spell checker works fine i that.
Why is it not working with a particular master page ? What could be wrong ?

3.In the Editor.CustomSkin.css , I have set the default font as 14px, Verdana and Normal but when the Editor loads, I do not see font properties
that I have set in this css. Why are the properties not getting overridden and the master page's css is being applied?

4. Required field validator is not working with rad editor. Editor's content gets stored as either and Empty string or a break tab "br/".
How do I validate RadEditor so empty string doesnt get stored in my DB?

Below are the css files:-

Master Page's CSS file:-

body {padding:0; margin:0; background-image:url(../images/bg.gif); background-repeat:repeat-x repeat-y;}
body, td, input, textarea{
   font-size:11px;
        font-family:Tahoma;
   color:#5D5F60;
   line-height:13px;
   vertical-align:top;
   padding:0px;

}

Editor.CustomSkin.css
I followed some tutorial on Telerik's website on how to use external CSS and implemented as follows:-

I have renamed Default Skin's CSS file (Editor.Default.css) to Editor.CustomSkin.css and made the following additions:-

Added this in my custom skin:-

body
{
   font-family:Verdana!important; /*Why is Verdana not being set as default font in the editor even though I have set important here? */
   font-style:normal!important;
   font-size:14px!important;   /*Here too font size is not being set as 14 px and text appears smaller than 14 px */
}

h1,h2,h3,h4,h5
{
   color:Black!important;
   background-color:Transparent;
   background-image:none!important;
   font-weight:bold;
   border-bottom:0px!important;
   font-family:Segoe UI,Arial,Sans-serif;
   cursor:default;
   padding-left:0px;
   padding-top:0px;
   font: "Segoe UI",Arial,Sans-serif;
   text-decoration:none;
   }

h1{ font-size: 2em !important;}
h2{ font-size: 1.5em !important;}
h3{ font-size: 1.17em !important;}
h4{ font-size: 1em !important;}
h5{ font-size: .83em !important;}
h6{ font-size: .75em !important;}

Another change I made is :-

.CustomSkin.RadEditor .reContentCell
{
   background-image:none !important;
   background-color:White !important;
    border: solid 1px #828282;

}

I have set the content area's background of editors as white, else it was picking up master page's background image

I followed this example to make the editor look like a textbox

http://demos.telerik.com/aspnet-ajax/editor/examples/editorastextbox/defaultcs.aspx

Its working fine but I still see grey shadow around EditorQues which is RadEditor as a textbox on my page. How do I get rid of that?

Also in the head section of my page as you can see above, I have commented out the following:-

<%--<link href="http://www.mysite.com/Skins/CustomSkin/EditorAsTextBox.CustomSkin.css" rel="stylesheet" type="text/css" />
--%>

I had to do this because if I add reference to EditorAsTextBox.CustomSkin.css in th ehead section, the EditorAns's toolbar's background color(grey) vanishes
and becomes white. I have no clue how to fix this either.

Sorry for so many questions. Hoping I ll get help here.Thanks.

Editor

answered on 21 Mar 2011

5 answers

149 views

Loading contents using nested RadSplitters and RadPanes

Hi there,

I was wondering if anyone could help me with the following:

I'm developing a web interface that consist of Nested RadSplitters and RadPanes. I've attached a picture that depicts what I'd like the web interface look like. Practically it consists of 3 panes: a Left Pane (that contains a treeview) and a Right Pane divided by a vertical RadSplitter. The Right Pane is divided into 2 RadPanes and therefore divided by an horizontal RadSplitter. On the upper part, I'd like to load some content such as a RadGrid, and on the lower part, I'd like to load data (details or just related data) as a result of clicking on a row on the RadGrid (on the upper part).

And by the way, right now I'm also facing the problem that when I click on a node (menu option), in order to load the RadGrid (upper RadPane), it gets loaded inside the RadPane but also a new Internet Explorer window with such RadGrid as well (another copy), see the attached image as well.

Thanks in advance for any help,

Felix

Splitter

answered on 21 Mar 2011

2 answers

143 views

Google Chrome Version 10 not working correctly

I am running Google Chrome version 10.0.648.134 and going through the demos, it does not operate correctly.

For example, on the Grid demo | Outlook Grid located at http://demos.telerik.com/aspnet-ajax/grid/examples/programming/webmail/defaultcs.aspx, I click on the Rate / Review button in top right corner and nothing appears (it does detect hover state and changes the style of the button. When I click on a row to select it, nothing happens (it should select the row and highlight it in an orange/gold color). Multi selection does not work either. I click the checkboxes in the first 3 rows and then click on the post back button at the bottom of the grid, it refreshes with the grid but nothing is selected (state is not preserved).

All this does work fine on Google Chrome 9.0.597.98, Microsoft IE 8.0.7600.16385, Firefox 3.6.13.

Ed Lamprecht

General Discussions

answered on 21 Mar 2011

1 answer

207 views

[Solved] Combobox inside edit item template not populating

Hey there,

i've a combobox inside griditem template column.I m using linq data source to populate this

<telerik:GridTemplateColumn HeaderText="Product ID" HeaderStyle-Font-Bold="true"

AllowFiltering="true" DataField="ProductID">

<EditItemTemplate>

<telerik:RadComboBox ID="RadCbProductIDEdit" Skin="Office2007" runat="server" MarkFirstMatch="true"

AllowCustomText="true" DataValueField="ProductID" EmptyMessage="Please select a ProductID "

DataTextField="ProductID" DataSourceID="LinqDataSource1" Height="100px">

</telerik:RadComboBox>

</EditItemTemplate>

<InsertItemTemplate>

<telerik:RadComboBox ID="RadcbProductIDInsert" runat="server" Skin="Office2007" MarkFirstMatch="true"

AllowCustomText="true" DataValueField="ProductID" EmptyMessage="Please select a ProductID "

DataTextField="ProductID" DataSourceID="LinqDataSource1" Height="100px">

</telerik:RadComboBox>

</InsertItemTemplate>

<ItemTemplate>

<asp:Label ID="lblProductID" runat="server" Text='<%# Bind("ProductID") %>'></asp:Label>

</ItemTemplate>

<HeaderStyle Font-Bold="True" />

</telerik:GridTemplateColumn>

<asp:LinqDataSource ID="LinqDataSource1" runat="server"

ContextTypeName="LPSFPrototypeScreens.tblProduct" EntityTypeName=""

Select="new (ProductID)" TableName="tblProductFeatures" >

also here ProductID is FK.
what cud be the reason??...

Thanks
Amit

ComboBox

answered on 21 Mar 2011

5 answers

876 views

[Solved] Programmatic RadGrid Creation for Exporting to Excel.

I am trying to export a programmatically created radgrid to excel. I am exporting Data only. I tried to export as HTML, but that caused Excel to freeze up. (Passing 1,000 records.) Part of the export requires that I change the styling on the items (background color), and the other part changes the dataformatstring to {0:C} for currency fields.

Is there a way to accomplish this? I tried a few suggestions I saw on here, but I'm stumped. Any help is appreciated. Thank you.

Protected Sub Button1_Click(ByVal sender As Object, ByVal e As EventArgs) Handles Button1.Click

Dim radgrid2 As New RadGrid

radgrid2.AutoGenerateColumns = True

radgrid2.ID = "RadGrid2"

Me.PlaceHolder1.Controls.Add(radgrid2)

connSql.ConnectionString = sqlConn.ToString()

Dim poSqlCom As New SqlCommand("dbo.getCurrQtrAll", connSql)

poSqlCom.CommandType = CommandType.StoredProcedure

poSqlCom.Parameters.AddWithValue("@UID", "SomeoneElse")

Dim adapter As New SqlDataAdapter(poSqlCom)

Dim links As New DataTable()

Try

adapter.Fill(links)

Catch ex As Exception

'lblResult.Text = ex.Message

If connSql.State = ConnectionState.Open Then

connSql.Close()

End If

End Try

radgrid2.DataSource = links

radgrid2.Rebind()

radgrid2.ExportSettings.Excel.FileExtension = "xls"

radgrid2.ExportSettings.FileName = "Cur_Qtr_Rpt"

radgrid2.ExportSettings.ExportOnlyData = True

radgrid2.ExportSettings.IgnorePaging = True

radgrid2.ExportSettings.Excel.Format = GridExcelExportFormat.ExcelML

radgrid2.MasterTableView.ExportToExcel()

End Sub

Grid

answered on 21 Mar 2011

1 answer

121 views

[Solved] Persisting Expanded/Collapsed groups.

I would like to know if it's possible to persist expanded or collapsed groups on postback.

Basically whenever I set a filter or start editing a record a postback occurs and all the groups are set to default (expanded).

Here's my grid code.

<telerik:RadGrid ID="timesheetGrid" runat="server" GridLines="None" Skin="Windows7"

AllowSorting="True" ShowGroupPanel="True" AutoGenerateColumns="False" AllowPaging="True"

PageSize="15" ShowStatusBar="True" AllowFilteringByColumn="True" AllowMultiRowSelection="True"

OnNeedDataSource="timesheetGrid_NeedDataSource" OnPreRender="timesheetGrid_PreRender"

ViewStateMode="Enabled" HeaderStyle-HorizontalAlign="Center" OnEditCommand="timesheetGrid_EditCommand">

<ClientSettings EnableRowHoverStyle="true" AllowColumnsReorder="True" ReorderColumnsOnClient="True"

AllowDragToGroup="True">

<Selecting AllowRowSelect="True" />

<ClientEvents OnRowDblClick="RowDblClick" />

</ClientSettings>

<MasterTableView DataKeyNames="ID" EditMode="EditForms">

<RowIndicatorColumn>

<HeaderStyle Width="20px"></HeaderStyle>

</RowIndicatorColumn>

<ExpandCollapseColumn>

<HeaderStyle Width="20px"></HeaderStyle>

</ExpandCollapseColumn>

<CommandItemSettings ExportToPdfText="Export to Pdf"></CommandItemSettings>

<Columns>

<telerik:GridClientSelectColumn UniqueName="ClientSelectColumn" />

<telerik:GridBoundColumn DataField="ID" HeaderText="ID" UniqueName="ID" Visible="True"

ReadOnly="true" FilterControlWidth="30px" HeaderStyle-Width="50px">

<HeaderStyle Width="50px"></HeaderStyle>

</telerik:GridBoundColumn>

<telerik:GridDateTimeColumn DataField="Date" DataType="System.DateTime" HeaderText="Date"

UniqueName="DateFrom" ReadOnly="true" DataFormatString="{0:dd/MM/yyyy}" AllowFiltering="false"

HeaderStyle-Width="75px">

<HeaderStyle Width="75px"></HeaderStyle>

</telerik:GridDateTimeColumn>

<telerik:GridBoundColumn DataField="User.UserName" HeaderText="User" UniqueName="User"

ReadOnly="true">

</telerik:GridBoundColumn>

<telerik:GridNumericColumn UniqueName="Duration" HeaderText="Duration (Hrs)" DataType="System.Double"

DataField="Duration" FilterControlWidth="50px">

<HeaderStyle Width="80px"></HeaderStyle>

<ItemStyle HorizontalAlign="Right" />

</telerik:GridNumericColumn>

<telerik:GridBoundColumn DataField="ShortDescription" HeaderText="Description" UniqueName="Description">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="DocketNo" HeaderText="Docket No" UniqueName="DocketNo"

ReadOnly="true" FilterControlWidth="50px" HeaderStyle-Width="70px">

<HeaderStyle Width="70px"></HeaderStyle>

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="FileCode" HeaderText="FileCode Name" UniqueName="FileCode"

HeaderStyle-Width="100px" FilterControlWidth="60px">

<HeaderStyle Width="100px"></HeaderStyle>

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="FileCodeID" HeaderText="FileCode ID" UniqueName="FileCodeID"

Visible="false">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="CostCenter" HeaderText="Cost Center" UniqueName="CostCenter"

HeaderStyle-Width="70px" FilterControlWidth="40px">

<HeaderStyle Width="70px"></HeaderStyle>

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="CostCenterID" HeaderText="Cost Center ID" UniqueName="CostCenterID"

Visible="false">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="CompanyID" HeaderText="Company ID" UniqueName="CompanyID"

Visible="false">

</telerik:GridBoundColumn>

<telerik:GridCheckBoxColumn DataField="IsOvertime" DataType="System.Boolean" HeaderText="Overtime"

UniqueName="Overtime" ReadOnly="true">

</telerik:GridCheckBoxColumn>

</Columns>

<EditFormSettings UserControlName="UserControls/TimesheetEdit.ascx" EditFormType="WebUserControl">

<EditColumn FilterControlAltText="Filter EditCommandColumn column">

</EditColumn>

</EditFormSettings>

</MasterTableView>

<HeaderStyle HorizontalAlign="Center"></HeaderStyle>

<PagerStyle Mode="NumericPages" VerticalAlign="Bottom" />

<FilterMenu EnableImageSprites="False">

</FilterMenu>

<HeaderContextMenu CssClass="GridContextMenu GridContextMenu_Windows7">

</HeaderContextMenu>

</telerik:RadGrid>

Thanks in advance.

Daryl

Grid

answered on 21 Mar 2011

1 answer

147 views

radajaxmanager problem data binding

Hello Telerik ,
i have problem with radajaxmanager,i have 2 radgrids in my page,while i am clicking the first radgrid itemcommand event ,i need to bind second radgrid ,i am using radajaxmanager,because of this i am unable to bind data to the second radgrid.when i removed radajaxmanager i am able to bind,but i need that radajaxmanager to open radwindow.i did my binding to first radgrid with the example of "http://demos.telerik.com/aspnet-ajax/controls/examples/integration/grwindow/defauidandltcs.aspx?product=window".please give me some idea.

Ajax

answered on 21 Mar 2011

2 answers

142 views

Showing radwindow removes scriptmanager history points

Hello,

I have a problem with radwindow control (using IE8).

I'm using scriptmanager and updatepanel controls in my application (please view the attached sample in http://www.telerik.com/account/support-tickets/view-ticket.aspx?threadid=400607).
The webpage is saving history points with no problems, until I show the radwindow control. If I open the radwindow then the history points are deleted.
Note: I checked this issue in IE7, it is working with no problems. The problem is in IE8.

I checked with microsoft support this issue. But they told me that it is related some how to the radwindow itself. So plaese, I need your help.

Please look at the following situations:

Good situation:
1) click "Main Attractions" checkbox
2) click "Shopping & Fashion" checkbox
3) Click "Tel Aviv" Linkbutton.
4) Click "Netanya" Linkbutton.
5) Click "Eilat" Linkbutton.
6) Cick the browser back button few times (THIS SHOWS YOU THAT THE HISTORY POINTS ARE SAVED AND USED)

Bad Situation 1:
1) click "Main Attractions" checkbox
2) click "Shopping & Fashion" checkbox
3) Click "Tel Aviv" Linkbutton.
4) Click "Netanya" Linkbutton.
5) Click "Eilat" Linkbutton.
6) Click "Full Screen" button in order to open the map in full screen mode (Radwindow).
7) Cick the browser back button few times (THIS SHOWS YOU THAT THE HISTORY POINTS ARE DELETED)

Bad Situation 2:
1) click "Main Attractions" checkbox
2) click "Shopping & Fashion" checkbox
3) Click "Tel Aviv" Linkbutton.
4) Click "Netanya" Linkbutton.
5) Click "Eilat" Linkbutton.
6) Click the "About" linkbutton and then click close.
7) Cick the browser back button few times (THIS SHOWS YOU THAT THE HISTORY POINTS ARE DELETED)

So, I need to enable the user to go back and forward using the browser buttons even after opeining the radwindow.

Please, I need your help in order to solve this issue.
This issue make problem for me with my client.
It is appricited to send me the modified code.

Regards,
Bader

Window

answered on 21 Mar 2011

3 answers

140 views

UseStaticHeaders + RTL

UseStaticHeaders

is working very fine, but when I set the direction of the grid to RTL it gave me an error in graphics because the empty part (above the scroller) in the header is still be drawing in the right side, which causes a displacement in the grid columns.
Could you please help in?

Grid

answered on 21 Mar 2011

2 answers

213 views

OnAjaxRequest Method Master page

Hi,

I have figured out how to use the client-side ajaxRequestWithTarget method of the RadAjaxManager on a single page. But it all goes a bit pear-shaped when I try to do so on a page that has a Master page.

I placed a RadAjaxManagerProxy in the Master page. My first question is, which file do I place the event handler RadAjaxManager1_AjaxRequest in? The CodeFile of the Master page (a user control) or the CodeFile of the aspx page?

I tried it in both places, and the breakpoint which I put in both places was not hit.

The javascript function which I used to initiate the request was fired by the OnClientSelectedIndexChanged event of a RadComboBox control:

<telerik:RadCodeBlock ID="RadCodeBlock" runat="server">

<script type="text/javascript">

function InitiateAsyncRequestByCombo(sender, eventArgs) {

var ajaxManager = $find("<%= RadAjaxManager.GetCurrent(this.Page).ClientID %>");

ajaxManager.ajaxRequestWithTarget("<%= FilterRadComboBox.UniqueID %>", sender.get_selectedItem().get_value());

return false;

}

</script>

</telerik:RadCodeBlock>

Is this something which cannot be done when the RadAjaxManager is on a Master page and the other controls are on a ContentPage?

Ajax