Questions on UI for ASP.NET AJAX Forum

4 answers

91 views

Hi, I would like to validate my website to W3C but I have an error with telerik.

The error : Stray end tag link.

<link class='Telerik_stylesheet' type='text/css' rel='stylesheet' href='/WebResource.axd?d=xyXpLYSOJ1EHFk347fU4-CZC8LTcG_Mlx-DZavV0RF0GCzjzouSg8fpBHrPvFwpW3EFcc9KDfdzH2YiIldiR8AdV5EKcro1uwuY347OUmq-NNsQh7KsYi9RzFScn2FKD-TmWdQJjw_3UF2vIHKZLzw2&amp;t=634902336920000000'>
</link>

The validator requires the link tag to be closed like this "/>" instead of "</link>".

P.S: I use telerik 2012.3.1205.40

General Discussions

answered on 26 Mar 2013

3 answers

181 views

Accessing Aggregate Values when Grouping Declared Progammatically

Hi,
I have a routine that loops through the groupings and expands or collapses the group based on the maximum value of an ID in the grouped rows (esentially if there are grouped rows with the id expand, other wise collapse).

Here is the routine:

Sub SetExpandCollapse()

Try

For Each ghItem As GridGroupHeaderItem In rgCraigslistPostLog.MasterTableView.GetItems(GridItemType.GroupHeader)

Dim MaxPostLogID As Int32

If ghItem.AggregatesValues("LogID") Is Nothing Then

MaxPostLogID = 0

Else

MaxPostLogID = ghItem.AggregatesValues("LogID")

End If

If MaxPostLogID = 0 Then

ghItem.Expanded = False

Else

ghItem.Expanded = True

End If

Next

Catch ex As Exception

CraigslistPostingTool.DataAccess.LogError(ex, Request, GetCurrentMethod.Name, GroupID, AutoclickID)

End Try

End Sub

And I am adding text and formating to the grouped item in code at ItemDataBound:

Private Sub rgCraigslistPostLog_ItemDataBound(sender As Object, e As Telerik.Web.UI.GridItemEventArgs) Handles rgCraigslistPostLog.ItemDataBound

Try

If TypeOf e.Item Is GridGroupHeaderItem Then

Dim item As GridGroupHeaderItem = CType(e.Item, GridGroupHeaderItem)

Dim groupDataRow As DataRowView = CType(e.Item.DataItem, DataRowView)

item.DataCell.Text = "<label style='font-weight:bold'>" + groupDataRow("Vehicle").ToString() + "'</label> "

item.DataCell.Text += "<a href='#' onclick='LaunchPTpopup1(" + groupDataRow("ItemID").ToString() + ");return false;' >Post Vehicle</a>"

End If

If TypeOf e.Item Is Telerik.Web.UI.GridDataItem Then

...

My problem is that ghItem.AggregatesValues("LogID") always returns Nothing. If I specify a GroupHeaderTemplate delaritively then the SetExpandCollapse works fine. Unfortunately, I can't declare the GroupHeader this way because I want to be able to remove grouping with a button so the user can set up his own grouping by dragging headers to the group bar. If there is a GroupHeaderTemplate then an exception is thrown.

Can you see why ghItem.AggregatesValues("LogID") in SetExpandCollapse is alwys Nothing? Or can you tell me how to add and remove the GroupHeaderTemplate programmatically?

Thanks.

Charles

<telerik:RadGrid ID="rgCraigslistPostLog" ShowGroupPanel="true" AutoGenerateColumns="false" AllowSorting="true"

DataSourceID="sqldsCLPostLog" ShowFooter="False" runat="server" GridLines="None"

AllowPaging="true" PageSize="10" OnPreRender="RadGrid1_PreRender" Width="100%" >

<MasterTableView ShowGroupFooter="false" CommandItemDisplay="None" EditMode="InPlace" PagerStyle-PageSizes="5,10,15,25,50,100">

<%--<CommandItemSettings ShowExportToExcelButton="true" ShowAddNewRecordButton="false"></CommandItemSettings>--%>

<%--<GroupHeaderTemplate>

<asp:Label runat="server" ID="Label3" style="font-weight:bold" Text='<%# Eval("Vehicle") %>' ></asp:Label>

<a href='#' onclick='<%# "javascript:LaunchPTpopup1("+ CStr(Eval("ItemID")) + ");return false;" %>' >Post Vehicle</a>

</GroupHeaderTemplate>--%>

<Columns>

<telerik:GridBoundColumn HeaderText="ItemID" DataField="ItemID" Visible="false" Aggregate="Count">

<ItemStyle Width="50px" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn HeaderText="Vehicle" DataField="vehicleWithStock" Visible="false" >

<ItemStyle Width="300px" />

</telerik:GridBoundColumn>

<telerik:GridTemplateColumn HeaderText="Post ID" SortExpression="PostLogID">

<ItemTemplate>

<asp:Label ID="lblPostLogID" runat="server" Text=""></asp:Label>

</ItemTemplate>

<ItemStyle Width="50px" />

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn HeaderText="Log Date" SortExpression="LogCreateDT">

<ItemTemplate>

<asp:Label ID="lblLogDate" runat="server" Text=""></asp:Label>

</ItemTemplate>

<ItemStyle Width="100px" />

</telerik:GridTemplateColumn>

<telerik:GridBoundColumn HeaderText="Profile" DataField="ProfileName" >

<ItemStyle Width="80px" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn HeaderText="Posted From" DataField="ClientIP" >

<ItemStyle Width="70px" />

</telerik:GridBoundColumn>

<telerik:GridTemplateColumn HeaderText="Post Location">

<ItemTemplate>

<div style="padding:0px">

<asp:HyperLink ID="hlPostLocation" runat="server" Target="_blank" ToolTip="Click to View Listing Location." style="font:8pt" Text='<%# Eval("LocationName") %>' ></asp:HyperLink>

</div>

</ItemTemplate>

<ItemStyle Width="150px" />

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn HeaderText="Post Date" SortExpression="PostDate" >

<ItemTemplate>

<asp:Label ID="lblPostDate" runat="server" Text=""></asp:Label>

</ItemTemplate>

<ItemStyle HorizontalAlign="Center" Width="70px" />

</telerik:GridTemplateColumn>

<telerik:GridBoundColumn HeaderText="PostLogID" DataField="PostLogID" Visible="false" Aggregate="Max">

</telerik:GridBoundColumn>

<telerik:GridTemplateColumn HeaderText="Post Duration" SortExpression="PlannedDurationDays" >

<ItemTemplate>

<asp:DropDownList runat="server" ID="ddlDuration" CssClass="dropdownText"

AutoPostBack="true" OnSelectedIndexChanged="ddlDuration_changed" >

<asp:ListItem Text="0" Value="0"></asp:ListItem>

<asp:ListItem Text="1" Value="1"></asp:ListItem>

<asp:ListItem Text="2" Value="2"></asp:ListItem>

<asp:ListItem Text="3" Value="3"></asp:ListItem>

<asp:ListItem Text="4" Value="4"></asp:ListItem>

<asp:ListItem Text="5" Value="5"></asp:ListItem>

<asp:ListItem Text="6" Value="6"></asp:ListItem>

<asp:ListItem Text="7" Value="7"></asp:ListItem>

<asp:ListItem Text="8" Value="8"></asp:ListItem>

<asp:ListItem Text="9" Value="9"></asp:ListItem>

<asp:ListItem Text="10" Value="10"></asp:ListItem>

<asp:ListItem Text="11" Value="11"></asp:ListItem>

<asp:ListItem Text="12" Value="12"></asp:ListItem>

<asp:ListItem Text="13" Value="13"></asp:ListItem>

<asp:ListItem Text="14" Value="14"></asp:ListItem>

<asp:ListItem Text="15" Value="15"></asp:ListItem>

<asp:ListItem Text="16" Value="16"></asp:ListItem>

<asp:ListItem Text="17" Value="17"></asp:ListItem>

<asp:ListItem Text="18" Value="18"></asp:ListItem>

<asp:ListItem Text="19" Value="19"></asp:ListItem>

<asp:ListItem Text="20" Value="20"></asp:ListItem>

<asp:ListItem Text="21" Value="21"></asp:ListItem>

<asp:ListItem Text="22" Value="22"></asp:ListItem>

<asp:ListItem Text="23" Value="23"></asp:ListItem>

<asp:ListItem Text="24" Value="24"></asp:ListItem>

<asp:ListItem Text="25" Value="25"></asp:ListItem>

<asp:ListItem Text="26" Value="26"></asp:ListItem>

<asp:ListItem Text="27" Value="27"></asp:ListItem>

<asp:ListItem Text="28" Value="28"></asp:ListItem>

<asp:ListItem Text="29" Value="29"></asp:ListItem>

<asp:ListItem Text="30" Value="30"></asp:ListItem>

</asp:DropDownList>

</ItemTemplate>

<ItemStyle HorizontalAlign="Center" Width="100px" />

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn HeaderText="Scheduled Removal Date" SortExpression="PlannedRemovalDate">

<ItemTemplate>

<asp:Label ID="lblPlannedRemovalDate" runat="server" Text=""></asp:Label>

</ItemTemplate>

<ItemStyle Width="100px" />

</telerik:GridTemplateColumn>

<telerik:GridBoundColumn HeaderText="Days On Craigslist" DataField="DaysActive">

<ItemStyle HorizontalAlign="Center" Width="70px" />

</telerik:GridBoundColumn>

<telerik:GridTemplateColumn HeaderText="Days Left" SortExpression="DaysLeft">

<ItemTemplate>

<asp:Panel ID="panelDaysLeft" runat="server" width="100%" Height="20px" style="padding-top:0px">

<asp:Label ID="lblDaysLeft" runat="server" Text="" ></asp:Label>

</asp:Panel>

</ItemTemplate>

<ItemStyle HorizontalAlign="Center" Width="70px" />

</telerik:GridTemplateColumn>

<telerik:GridBoundColumn DataField="ClickThroughs" HeaderText="Total Clicks">

<ItemStyle HorizontalAlign="Center" Width="80px" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="UniqueClickThroughs" HeaderText="Unique Clicks">

<ItemStyle HorizontalAlign="Center" Width="80px" />

</telerik:GridBoundColumn>

<telerik:GridTemplateColumn HeaderText="View Post<br />From Log">

<ItemTemplate>

<div style="padding:0px">

<asp:HyperLink ID="hlViewPostHTML" runat="server" Target="_blank" ToolTip="Click to View the post with HTML from the log." style="font:8pt" >View (Log)</asp:HyperLink>

</div>

</ItemTemplate>

<ItemStyle Width="120px" />

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn HeaderText="View Post<br />in Craigslist">

<ItemTemplate>

<asp:HyperLink ID="hlViewPostInCL" runat="server" Target="_blank" ToolTip="Click to View the actual post in Craigslist." style="font:8pt" >View (in CL)</asp:HyperLink>

<%--<asp:HyperLink ID="hlEditCLPostURL" runat="server" ToolTip="Edit post URL in Craigslist" style="font:8pt" Text="(Edit)" href="#"></asp:HyperLink>--%>

</ItemTemplate>

<ItemStyle Width="160px" />

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn HeaderText="Post Status">

<ItemTemplate>

<asp:DropDownList ID="ddlPostStatus" runat="server" AutoPostBack="true" OnSelectedIndexChanged="ddlPostStatus_Changed" CssClass="dropdownText">

</asp:DropDownList>

</ItemTemplate>

<EditItemTemplate></EditItemTemplate>

<ItemStyle HorizontalAlign="Center" Width="110px" />

</telerik:GridTemplateColumn>

<telerik:GridBoundColumn DataField="PostRemovedDate" HeaderText="Actual Date Removed" DataFormatString="{0:d}">

<ItemStyle HorizontalAlign="Center" Width="90px" />

</telerik:GridBoundColumn>

<telerik:GridTemplateColumn>

<ItemTemplate>

<asp:HyperLink ID="hlEditPostLog" runat="server" style="font:11px Verdana;" ToolTip="Add a new log item for this vehicle to document a Craigslist post.">Add Post Log</asp:HyperLink>

<asp:LinkButton runat="server" ID="lbDeleteLog" Text="Delete" ToolTip="Delete this Log row and all information about the post." style="font:11px Verdana;" OnClick="lbDeleteLog_click"

OnClientClick=

"return confirm('Delete this Post Log? Note: doing so will erase all info saved about the post. This DOES NOT remove the post from Craigslist.');"

></asp:LinkButton>

</ItemTemplate>

<ItemStyle HorizontalAlign="Center" Width="120px" />

</telerik:GridTemplateColumn>

</Columns>

<GroupByExpressions>

<telerik:GridGroupByExpression>

<GroupByFields>

<telerik:GridGroupByField FieldName="ItemID" FieldAlias="VehicleID" >

</telerik:GridGroupByField>

</GroupByFields>

<SelectFields>

<telerik:GridGroupByField FieldName="vehicleWithStock" FieldAlias="Vehicle">

</telerik:GridGroupByField>

<telerik:GridGroupByField FieldName="PostLogID" FieldAlias="LogID" Aggregate="Max">

</telerik:GridGroupByField>

</SelectFields>

</telerik:GridGroupByExpression>

</GroupByExpressions>

</MasterTableView>

<%--<ExportSettings ExportOnlyData="false" IgnorePaging="true">

<Excel Format="Biff"></Excel>

</ExportSettings>--%>

<ClientSettings AllowDragToGroup="true">

</ClientSettings>

<GroupingSettings ShowUnGroupButton="true"></GroupingSettings>

</telerik:RadGrid>

<telerik:RadWindowManager ID="RadWindowManager1" runat="server">

<Windows>

<telerik:RadWindow ID="UserListDialog" runat="server" Title="Editing record" Height="300px"

Width="300px" Left="150px" ReloadOnShow="true" ShowContentDuringLoad="false"

Modal="true">

</telerik:RadWindow>

</Windows>

</telerik:RadWindowManager>

Grid

answered on 26 Mar 2013

3 answers

237 views

[Solved] How to select cell value to clipboard?

Hi,

I have following problem... In my RadGrid I have AllowMultiRowSelection="True" and

<ClientSettings>
	<Selecting AllowRowSelect="true"  />
</ClientSettings>

I need that multirow selection for some operations provided for user ... But I also need that user could be able to select some value from displayed cell e.g. he wants to select certain product number and copy it to clipboard... When I set AllowMultiRowSelection="False" it works, that user on selected row can double click the product number and it is selected and he can copy it to clipboard... But when that attribute is set to true it doesn't work that way...

Do you have any idea, how it can be done ?

Thanks,

Peter

Grid

answered on 26 Mar 2013

1 answer

291 views

Selecting/copying text not possible when AllowMultiRowSelection=True

When AllowMultiRowSelection is set to True, then it is not possible to select parts of the text from that grid (e. g. for copy/paste) when dragging the mouse over the required text. This behaviour can be seen in your online demo http://demos.telerik.com/aspnet-ajax/grid/examples/client/selecting/defaultcs.aspx. Maybe this is by design, because instead of selecting text you can select multiple rows with the mouse.

Bur I have a scenario where the user can select multiple rows by checking a checkbox in each row, so I don't need the ability to select rows using the mouse. Is it possible to configure he grid in a way that the user can select certain parts of the text?

[EDITED 2013-03-25:]
For those with the same problem: I just found the related post How to select cell value to clipboard?, where an answer is provided.

Grid

answered on 26 Mar 2013

3 answers

96 views

SPRadSchedular new appointment form doesn't appear

I have installed Telerik_ASP_NET_Web_Parts_2013_1_220_for_SharePoint_2010_Dev.msi in my SharePoint 2010 farm and the web parts appeared on my web application page and i have added SPRadSchedular web part and followed all instructions to configure the required lists for this web part as shown here

I have Meeting rooms as a custom SharePoint list, and Meeting Room Booking Custom list that has the same fields required as shown in attached picture (List fields)
after complete all configurations required and try to use the web part i am facing these issues which make the web part doesn't work properly:
- New appointment advanced form doesn't come and there is no error appeared.
- Edit any added items doesn't show any form to edit the item.
- One time the new appointment form appeared (don't know how!) but it wasn't aligned well and i couldn't scroll the form.
- When i click on week view then month view they are working fine, but when i click day view again nothing appears (day view doesn't come again).
- Any action to be taken in the web part causes the web part to change it's width (become smaller) (Web part re-sizing) and stop responding !!

WebParts for SharePoint

answered on 26 Mar 2013

1 answer

276 views

Chunk upload not working the whole content is posted after upload

Hi,
The chunk upload is not working I am getting whole file as post, I want the uploader to post file to the handler in chunk of 128kb.There is no example for Chunk upload. I also don't want to upload file to the local folder.I just want the chunk information in the handler.

If any help can be provided it would be very helpfull.
<telerik:RadAsyncUpload runat="server" ID="RadAsyncUpload1" HttpHandlerUrl="~/Handler.ashx"
               OnClientFileUploaded="fileUploaded" OnClientFileUploadRemoving="fileUploadRemoving"
               MultipleFileSelection="Automatic" AllowedFileExtensions="jpeg,jpg,gif,png,bmp,zip" ManualUpload="true"     />

Handler code
protected override IAsyncUploadResult Process(UploadedFile file, HttpContext context, IAsyncUploadConfiguration configuration, string tempFileName)
    {
        // Call the base Process method to save the file to the temporary folder
        // base.Process(file, context, configuration, tempFileName);

        // Populate the default (base) result into an object of type SampleAsyncUploadResult
        SampleAsyncUploadResult result = CreateDefaultUploadResult<SampleAsyncUploadResult>(file);
            string filename=file.GetName();

And also large files approx 100 mb are not uploading. I have put the maxRequestLength="102400" executionTimeout="3600" in web config also

Please help.

AsyncUpload

answered on 26 Mar 2013

10 answers

421 views

Scrollintoview

Hi,

-NODE A
             - NODE AA
             - NODE BB
|
|
|
|
|
|
|
+NODE B


AFTER CLICK

+NODE A

|
|
|
|
|
|
|
-NODE B
           -NODE BB <--------   SCROLL TO THIS NODE

When I click on node on treeview, from the server side node Click event I want to find a given node like this.
VarNode = RadTreeView2.FindNodeByValue("31138") and if it has children I expand it and select the leaf.
Then what I cannot achieve is to scroll to the selected node

Any idea?

Thanks

TreeView

answered on 26 Mar 2013

5 answers

424 views

RadToolTip show from code for each textbox

Hi,
can i use RadToolTip for to see the message for each radtextbox is empty? And how can do it?

I would that if one textbox is empty, the radtooltip appear next to the item. All from code behind as if it were a message infomation.

Bye

ToolTip

answered on 26 Mar 2013

2 answers

125 views

Multi-column ComboBox as Searchbox

Hello
I have Multi-Column Combobox with Enabled Filter="Contains"
I have to search Sub
First Search By ProductID which is combobox.selecteditem.value
and Second is Search By SerialNo which is combobox.text

I did everything but it dosn't work it's work either for ProductID search or for SerialNo Search

I am calling the Search By Combobox Textchange event.

Regards

ComboBox

answered on 26 Mar 2013

7 answers

99 views

Progressive disclosure with RadEditor

Currently working on the UI design for help documentation that will be created using RadEditor. I would like to include progressive disclosure of details in the guidelines, but I'm not sure if it is easily supported by Rad Editor.

What do I mean by progressive disclosure?

For example the screen might by default display:

Work instruction title
Why do we do this?

Step 1: Instruction step 1...

If the person reading the instruction is interested in Why we do this and clicks on this "link" then the screen would update as below:

Work instruction title
Why do we do this?
By following this process we decrease the company liability in case of accident.

Step 1: Instruction step 1...

The idea is to keep the instructions as simple as possible but provide details in an easily accessible non-disruptive way. (the instructions are already written and in some case the text in italics is several paragraphs).

The person migrating the content is not a programmer. Is there an easy way for them to put this type of interaction into a document using RadEditor?

Thanks in advance.

General Discussions

answered on 26 Mar 2013