Questions on UI for ASP.NET AJAX Forum

5 answers

546 views

I am looking to change style for treeview which has office 2007, the matter is that I wanna change the expand/collapse button (the small + or - sign) to something triangle shape (as windows 7 skin), so how to do that?

and I want when I click to child root, the parent root should be highlighted in same effect as child...

he is how the changing should be (I have drawn then in photoshop):

TreeView

answered on 18 Jan 2011

1 answer

46 views

LinkManager does not work as expected in IE8

Hello all,

I am using IE8.

I have the following lyperlink in the editor:

<a href="http://www.yahoo.com">http://www.yahoo.com</a>

I want to modify it using the LinkManager so the result will be as follows:

<a href="http://www.someotherwebsite.com">http://www.yahoo.com</a>

To do so, I selected the link and loaded the LinkManager. Then, I simply changed the URL to [http://www.someotherwebsite.com] and clicked OK (linkmanager1.jpg). Surprisingly, the markup still points to http://www.yahoo.com (linkmanager2.jpg).

This is working as I expect in IE7. Do you have any idea how can I fix this in IE8? I am using Telerik version 2009.3.1314.35.

Thanks,
Rez

Editor

answered on 18 Jan 2011

1 answer

104 views

Not working fine in firefox as Expected

Hi,

I am planing to use RadEditor control for my project use, So initially I am evaluating online Rad-editor app from here:

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

My basic requirement is make working app in all the browsers (IE, Firefox, Opera, Chrome, Safari) and dealing with adding custom controls to Editor, Image Manager, adding large range of tables, much more formatting, etc..

I found some of interesting thing while evaluating Rad-editor under FireFox v3.6.12 browser. Here are the few of issues I found in Firefox browser which are working great in IE8.

I can't able to delete the table using 'delete' key from keyboard, but I can delete by right-click on table->table delete
I am not able to set the absolute position to the Image/table/(any custom control) to change location of it.
When I move mouse over the Image, mouse pointer image is not changing in Firefox as like IE.
When I insert any Form Element in firefox, it is not selectable like in IE.

Please let me know about of your support on these issues once I use the Rad-editor?

Thanks,
Srinu Dhulipalla

Editor

answered on 18 Jan 2011

3 answers

88 views

RadTreeView with RadTabStrip

Can someone please direct me to extensive code example for RadTreeView with RadTabStrip.
I am using the RADControls version: v.2010.3.1215.40

thanks
A Iqbal

TreeView

answered on 18 Jan 2011

2 answers

97 views

Google Chrome

I have noticed an issue with the Telerik editor in Google Chrome. When I add an image, I can't select it to apply a CSS class. Is this a known bug? Are there any work-arounds?

Thanks,

Neil

Editor

answered on 18 Jan 2011

1 answer

95 views

reg rlvi css class edit

Hi in my application i am using drag and drop in listview...
i need to edit the rlvI class because my fieldset size changed after adding the drag and drop...
i need to know where i can edit the rlvi class...
please update me with a solution

ListView

answered on 18 Jan 2011

2 answers

83 views

Grid's delete column image looks disabled randomly

Hi,

We are facing unique issue. We have a grid which has delete image in delete column. This image is red in color. It turns gray sometimes. I cannot figure out the reson behind it.

<

telerik:RadGrid ID="grdDailyOvertime" runat="server" AutoGenerateColumns="False"

Enabled="false" AutoGenerateEditColumn="false" EnableTheming="true" OnDeleteCommand="grdDailyOvertime_DeleteCommand"

OnInsertCommand="grdDailyOvertime_InsertCommand" OnNeedDataSource="grdDailyOvertime_NeedDataSource"

OnUpdateCommand="grdDailyOvertime_UpdateCommand" OnItemCommand="grdDailyOvertime_ItemCommand"

HeaderStyle-HorizontalAlign="Center">

<MasterTableView Width="100%" CommandItemSettings-ShowRefreshButton="false" CommandItemStyle-HorizontalAlign="Right"

CommandItemDisplay="Top" CommandItemSettings-AddNewRecordText="<%$ Resources:PDICulture, GridAddNewRow %>"

EditMode="InPlace">

<telerik:GridTemplateColumn Visible="false" UniqueName="Key" DataField="Key">

<asp:Label ID="lblDailyOvertimeID" runat="server" Text='<%#DataBinder.Eval(Container.DataItem,"Key") %>'>

</asp:Label>

</ItemTemplate>

<asp:HiddenField ID="hdnDailyOvertimeID" runat="server" Value='<%#DataBinder.Eval(Container.DataItem,"Key") %>' />

</EditItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridEditCommandColumn HeaderText="<%$ Resources:PDICulture, grdEditColumnHeaderText %>"

HeaderStyle-Width="20%" ButtonType="ImageButton" UniqueName="EditColumn">

</telerik:GridEditCommandColumn>

<telerik:GridTemplateColumn HeaderText="<%$ Resources:PDICulture, grdDailyOvertimeHours %>"

UniqueName="DailyHoursExceeding" DataField="DailyHoursExceeding">

<asp:Label ID="lblDailyHours" runat="server" Text='<%#DataBinder.Eval(Container.DataItem,"DailyHoursExceeding") %>'>

</asp:Label>

</ItemTemplate>

<telerik:RadTextBox ID="txtDailyHours" MaxLength="5" Width="53%" runat="server" Text='<%#DataBinder.Eval(Container.DataItem,"DailyHoursExceeding") %>'>

</telerik:RadTextBox>

<asp:HiddenField ID="hdnDailyHour" runat="server" Value='<%#DataBinder.Eval(Container.DataItem,"DailyHoursExceeding") %>' />

</EditItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn HeaderText="<%$ Resources:PDICulture, grdDailyOvertimeRate %>"

UniqueName="DailyRate" DataField="DailyRate">

<asp:Label ID="lblDailyRate" runat="server" Text='<%#DataBinder.Eval(Container.DataItem,"DailyRate") %>'>

</asp:Label>

</ItemTemplate>

<telerik:RadTextBox ID="txtDailyRate" MaxLength="3" Width="65%" runat="server" Text='<%#DataBinder.Eval(Container.DataItem,"DailyRate") %>'>

</telerik:RadTextBox>

<asp:HiddenField ID="hdnDailyRate" runat="server" Value='<%#DataBinder.Eval(Container.DataItem,"DailyRate") %>' />

</EditItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridButtonColumn HeaderText="<%$ Resources:PDICulture, grdDeleteColumnHeaderText %>"

ConfirmText="<%$ Resources:PDICulture, grdDailyDeleteConfirmText %>" ConfirmDialogType="RadWindow"

ConfirmTitle="<%$ Resources:PDICulture, grdDeleteColumnHeaderText %>" ButtonType="ImageButton"

CommandName="Delete" UniqueName="DeleteColumn">

</telerik:GridButtonColumn>

</Columns>

<asp:Label runat="server" ID="lblDOTGrdNoRecord" Text="<%$ Resources:PDICulture, GridEmptyMessage %>">

</asp:Label>

</NoRecordsTemplate>

</MasterTableView>

</telerik:RadGrid>

Thanks
Rajesh

Grid

answered on 18 Jan 2011

7 answers

1,000 views

Select a row using javascript

I am migrating an application from another company's control which selects an item in javascript under certain conditions. I can't seem to select a row.

    var grid = $find("<%=rgItems.ClientID%>").get_masterTableView();
    for(i=0;i<rowCount;i++) // rowCount set from hidden variable
{
   if (something is true)
   {
   grid.selectItem(i); // doesn't work
    }
}

Grid

answered on 18 Jan 2011

1 answer

160 views

Client-side data source manipulation

So I'm trying to accomplish something I'm finding a bit hard.

Grid on a page. I want to return to the grid a streamed set of records. JSON or XML or whatever. I need the grid to incorporate those records as they arrive on the client. Incorporating them will mean inserting them into the grid in the proper position based on some sort of sort criteria. Removing duplicates, expanding nodes, pushing results onto the next page.

Basically the server will take a long time to return all the results, and I want them to appear in the list as the server has them.

Doing this on the server isn't that hard. I already have the data being retrieved through a series of iterators just fine. Just trying to figure out the best way to deliver them client side.

Anybody have any examples of doing something like this?

Grid

answered on 18 Jan 2011

1 answer

232 views

RadListView and RadDataPager

Hi,

I am using the RadListView and RadDataPager but am getting some really bad results. I must be doing something very wrong. Please could you advise.

I shall explain the intended outcome, the result and paste my code below.

When the page first loads, a random selection of five database items is retrieved and the DataListView is databound. This happens in the page load event and only if the page is not a postback
After this, users can select an item from a RadComboBox. Depending on the selection any number of items may be retrieved from the database
Upon the server side event of RadComboBox firing, new database results are retrieved and the DataListView is rebound

Issues:
1. When the DataListView is rebound (step 3 above), the DataPager control only displays 2 new page buttons. The additional page buttons which should be there do not appear until after one of the buttons have been clicked. For example, if 3 pages of results are returned then the DataPager will show [1, 2], and if I click on 1 or 2 then it is refreshed and shows [1, 2, 3, n....]
2. Another hideous problem is that the DataListView "OnPageIndexChanged" event goes into a loop on the server side (ouch!!!)

Please could you advise as there are no examples of binding the DataListView and RadDataPager using anything other than a static datasource.

<telerik:RadListView ID="RadListView1" CssClass="dlProfiles" Width="97%" OnPageIndexChanged="RadListView2_PageIndexChanged" AllowPaging="True" runat="server" AllowSorting="true" DataKeyNames="EngID"
ItemPlaceholderID="EmployeesContainer">
<LayoutTemplate>
<telerik:RadDataPager ID="RadDataPager1" runat="server" PagedControlID="RadListView1" PageSize="6">
<Fields>
<telerik:RadDataPagerButtonField FieldType="FirstPrev" />
<telerik:RadDataPagerButtonField FieldType="Numeric" />
<telerik:RadDataPagerButtonField FieldType="NextLast" />
<telerik:RadDataPagerPageSizeField PageSizeText="Page size: " />
<telerik:RadDataPagerGoToPageField CurrentPageText="Page: " TotalPageText="of" SubmitButtonText="Go" TextBoxWidth="15" />
<telerik:RadDataPagerTemplatePageField>
<PagerTemplate>
<div style="float: right">
<b>Items
<asp:Label runat="server" ID="CurrentPageLabel" Text="<%# Container.Owner.StartRowIndex+1%>" />
to
<asp:Label runat="server" ID="TotalPagesLabel" Text="<%# Container.Owner.StartRowIndex+Container.Owner.PageSize %>" />
of
<asp:Label runat="server" ID="TotalItemsLabel" Text="<%# Container.Owner.TotalRowCount%>" />
<br />
</b>
</div>
</PagerTemplate>
</telerik:RadDataPagerTemplatePageField>
</Fields>
</telerik:RadDataPager>

<asp:PlaceHolder ID="EmployeesContainer" runat="server" />
</LayoutTemplate>
<ItemTemplate>
<div class="EngProfileContainer">
<div class="EngProfile_ImageContainer">
<img src='<%# returnImage(DataBinder.Eval(Container.DataItem, "EngProfileImage").ToString())%>' width="80" />
<p style="clear:both;height:0px;margin:3px 0px 0px 0px;"> </p>
<div class="EngProfileButton">
<%# CheckDescriptionLinks(DataBinder.Eval(Container.DataItem, "engDescription").ToString(), DataBinder.Eval(Container.DataItem, "EngID").ToString())%>
<p style="clear:both;height:0px;margin:3px 0px 0px 0px;"> </p>
<a class="viewEngineerProfile" href="engineerprofile.aspx?EngID=<%# DataBinder.Eval(Container.DataItem, "EngID")%>" target="_self">View full profile</a>
</div>
</div>
<div class="EngProfileTextContainer">
<p class="engname"><b><%# DataBinder.Eval(Container.DataItem, "EngName")%></b></p>
<p class="engSkills"><%# DataBinder.Eval(Container.DataItem, "skillDescriptions")%></p>
<%# CheckDescription(DataBinder.Eval(Container.DataItem, "engDescription").ToString(), DataBinder.Eval(Container.DataItem, "EngID").ToString())%>
</div>
<div class="EngProfileCommentContainer">
<p style="float:left;">Rating :</p>
<p style="float:left;"><telerik:RadRating ID="RadRating1" Enabled="false" AutoPostBack="true" runat="server" Value='<%# DataBinder.Eval(Container.DataItem, "ratings")%>' ItemCount="5" SelectionMode="Continuous" Precision="Item" EnableEmbeddedSkins="false" Skin="Smaller" /></p>
<p><a href="enginerreviews.aspx?engID=<%# DataBinder.Eval(Container.DataItem, "EngID")%>" target="_self"><%# DataBinder.Eval(Container.DataItem, "numofratings").ToString()%> Reviews</a></p>
</div>

<p style="clear:both;height:0px;margin:0;"> </p>
</div>
</ItemTemplate>
</telerik:RadListView>

protected void Page_Load(object sender, EventArgs e)

{

if (!Page.IsPostBack)

{

IList<EngineerHelper.EngProfile> engProfiles = EngineerHelper.return_RandomEngineers(5);

RadListView1.DataSource = engProfiles;

RadListView1.DataBind();

}

protected void RadListView2_PageIndexChanged(object sender, RadListViewPageChangedEventArgs e)

{

IList<EngineerHelper.EngProfile> engProfiles = EngineerHelper.return_RandomEngineers(0);

RadListView1.DataSource = engProfiles;

RadListView1.DataBind();

}

protected void returnEngineers(object sender, RadComboBoxSelectedIndexChangedEventArgs e)

{

IList<EngineerHelper.EngProfile

> engProfiles = EngineerHelper.return_SelectedEngineers(EngineerHelper.engineerIDsBySkillGenre(Convert.ToInt16(e.Value)));

RadListView1.DataSource = engProfiles;

RadListView1.DataBind();

}

ListView

answered on 18 Jan 2011