Questions on UI for ASP.NET AJAX Forum

9 answers

444 views

Sharepoint PeopleEditor control is not rendering as expected

Sharepoint PeopleEditor control is not rendering properly if it is placed within the RadTabStripà RadTab controls (see sample screenshot from this link). We checked it within FireFox fire bug as you can see below the control type is set to hidden. Is there something that we need to set in the attributes of the Rad controls?

Rendered in FireFox

When we changed the type attribute value from hidden to text we can see the expected value e.g. Rosos, Francis A. B.

Html representation

<wssawc:PeopleEditor

AllowEmpty="true"

ValidatorEnabled="true"

id="pplEditorMyBackup"

AllowTypeIn="false"

runat="server"

SelectionSet="User,SecGroup,SPGroup,DL"

width="350px"

visible="true"

MultiSelect="true"

EnableViewState="true"

onkeydown="javascript:AllowDeleteOnly(event);"

onkeypress="javascript:AllowDeleteOnly(event);"

/>

Source view in FireFox

<input id="ctl00_PlaceHolderMain_CollaborationTab_pplAssistantName_ctl01_OriginalEntities" type="hidden" value="<Entities><Entity Key="DS\francis.a.b.rosos" DisplayText="Rosos, Francis A. B." IsResolved="True" Description="DS\francis.a.b.rosos"><ExtraData><ArrayOfDictionaryEntry xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:xsd="http://www.w3.org/2001/XMLSchema"><DictionaryEntry><Key xsi:type="xsd:string">DisplayName</Key><Value xsi:type="xsd:string">Rosos, Francis A. B.</Value></DictionaryEntry><DictionaryEntry><Key xsi:type="xsd:string">Email</Key><Value xsi:type="xsd:string">francis.a.b.rosos@accenture.com</Value></DictionaryEntry><DictionaryEntry><Key xsi:type="xsd:string">SPUserID</Key><Value xsi:type="xsd:string">8</Value></DictionaryEntry><DictionaryEntry><Key xsi:type="xsd:string">Title</Key><Value xsi:type="xsd:string">Programmer</Value></DictionaryEntry><DictionaryEntry><Key xsi:type="xsd:string">PrincipalType</Key><Value xsi:type="xsd:string">User</Value></DictionaryEntry></ArrayOfDictionaryEntry></ExtraData></Entity></Entities>" name="ctl00$PlaceHolderMain$CollaborationTab$pplAssistantName$ctl01$OriginalEntities"/>

<tbody>

<tr>

<tbody>

<tr>

<td>

</td>

</tr>

</tbody>

</table>

</td>

</tr>

<tr>

</tr>

</tr>

</tbody>

</table>

</span>

TabStrip

answered on 12 Sep 2014

1 answer

324 views

how to hide RadTooltipManager just by clicking on the page?

I have a tooltip that includes a radtooltipupload control. I need to open the tooltip and have this opportunity to work on it and then click on the page to close it. I don't need manual close button either. I have changed the hide event to LeaveTooltip to get rid of the hide button but the problem is after opening the tooltip in the middle right position of an image when I want to go into tooltip and I move the mouse from the image into tooltip, the tooltip is disappearing. I want the toltip stay there that the user can upload a file and then when the user click somewhere else in the page tooltip closes. Would you please help me?
P.S: ( I even increased hidedelay into 500 and even autocloseDelay into 0 but it didn't help)

<telerik:RadToolTipManager runat="server" AnimationDuration="300" ID="DefaultRadToolTipManager" RelativeTo="Element"
Animation="Slide" Position="MiddleRight" OnAjaxUpdate="OnAjaxUpdate" HideEvent="LeaveToolTip" >
</telerik:RadToolTipManager>

ToolTip

answered on 12 Sep 2014

1 answer

346 views

Position of additional Y axis in radhtmlchart

I've created a radhtmlchart with an additional Y axis. The problem is that the axis is displayed left of the original y axis. I want this additional y axis displayed on the right side of the chart. Code below.
<telerik:RadHtmlChart ID="RadHtmlChart1" runat="server">
     <ChartTitle Text="Rows Purged by Date"></ChartTitle>
     <PlotArea>
         <Series>
             <telerik:ColumnSeries DataFieldY="PurgeRowCnt">
                 <TooltipsAppearance Color="White"></TooltipsAppearance>
             </telerik:ColumnSeries>
             <telerik:ColumnSeries AxisName="yAxis_Time" Name="E-Time" DataFieldY="PurgeElapsedTime">
                 <TooltipsAppearance Color="Tomato"></TooltipsAppearance>
                 <Appearance FillStyle-BackgroundColor="PowderBlue"></Appearance>
             </telerik:ColumnSeries>
         </Series>
         <XAxis DataLabelsField="PurgeDateDisplay">
             <TitleAppearance Text="Purge Date"></TitleAppearance>
         </XAxis>
         <YAxis>
             <TitleAppearance Text="Purge Row Count"></TitleAppearance>
         </YAxis>
         <AdditionalYAxes>
             <telerik:AxisY Name="yAxis_Time" Color="SlateBlue"></telerik:AxisY>
         </AdditionalYAxes>
     </PlotArea>
</telerik:RadHtmlChart>

Chart (Obsolete)

answered on 12 Sep 2014

3 answers

189 views

Error wrt Temporary Folder

In my ASP.NET 4.0 Web Forms application, I'm using AsyncUpload for just one thing: To allow my client to send a file to me via e-mail. The functionality works perfectly fine in Visual Studio on my development machine but I'm getting an error (see screenshot) when it's deployed onto the client's server. The problem appears to revolve around the temporary file that needs to be created by the control. To solve this I first tried this on the client's server:

Created these nested folders off of the root of my application: \App_Data\RadUploadTemp
Assigned the child folder Write privileges
Added this property to the instance of RadAsyncUpload: TemporaryFolder="~/App_Data/RadUploadTemp"

But when I ran my app, the same error occurred.

So then I changed the property setting to this: TemporaryFolder="~/Logs"
The "Logs" folder is an existing one that also has Write privileges.

But once again, the same error occurred!

I'm not sure what to do now and am hoping someone on this forum might be able to help. If there was a way to avoid the necessity for a temporary folder at all, that would be preferable.

Any ideas?

Robert

AsyncUpload

answered on 12 Sep 2014

1 answer

617 views

Export to Excel missing GridTemplateColumn column

My export to Excel works fine with normal GridBoundColumn columns however will not work with GridTemplateColumn. How might I facilitate a download of the grid? When downloading it only includes Member Type, Phone, Approx Miles. Need it to include CUName, Address, etc.

Thank you for your help

<telerik:RadGrid ID="grdResults" runat="server" AllowPaging="true" AllowSorting="true"

AutoGenerateColumns="False" CellSpacing="-1" GridLines="Both" PageSize="100">

<ExportSettings IgnorePaging="True" OpenInNewWindow="True"

ExportOnlyData="True" FileName="CUMapListings">

<Excel AutoFitImages="True" Format="ExcelML" />

<Csv ColumnDelimiter="VerticalBar" EncloseDataWithQuotes="False" />

</ExportSettings>

<MasterTableView CommandItemDisplay="Top" UseAllDataFields="true" TableLayout="Fixed">

<HeaderStyle Font-Bold="true" />

<CommandItemTemplate>

<asp:LinkButton ID="btnPrint" runat="server" CommandName="PrintResults" Visible="true" OnClientClick="PrintRadGrid(); return false;"><img style="border:0px;vertical-align:middle;" alt="" src="/Images/DownloadPrinter.png"/>Print</asp:LinkButton>

<asp:LinkButton ID="btnExportMap" runat="server" CommandName="ExportMapListing" Visible="true"><img style="border:0px;vertical-align:middle;" alt="" src="/Images/Help/CSV_Export.jpg"/>Excel Download</asp:LinkButton>

</CommandItemTemplate>

<AlternatingItemStyle BackColor="LightGray" />

<Columns>

<telerik:GridTemplateColumn UniqueName="RowNumber">

<ItemTemplate>

<asp:Label ID="lblRowNumber" runat="server" />

</ItemTemplate>

<ItemStyle Font-Bold="true" />

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn UniqueName="_search_asiNum" Visible="false" DataField="asi_num">

<ItemTemplate>

<asp:Label ID="_search_asiNum" runat="server" />

</ItemTemplate>

<ItemStyle Font-Bold="true" />

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn UniqueName="CUInfo" HeaderText="ADDRESS">

<ItemTemplate>

<asp:Label ID="lblCULink" runat="server" Visible="false" />

<asp:LinkButton runat="server" ID="CU_LinkButton" Visible="false"></asp:LinkButton>

<br />

<asp:Label ID="lblAddressInfo" runat="server" Visible="True" />

</ItemTemplate>

<HeaderStyle HorizontalAlign="Center" />

</telerik:GridTemplateColumn>

<telerik:GridBoundColumn HeaderText="MEMBER" UniqueName="MemberType" FilterControlAltText="Filter column column" DataField="MemberType">

<ColumnValidationSettings>

<ModelErrorMessage Text=""></ModelErrorMessage>

</ColumnValidationSettings>

<ItemStyle HorizontalAlign="Center" />

<HeaderStyle HorizontalAlign="Center" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn HeaderText="PHONE" UniqueName="Phone" FilterControlAltText="Filter column column" DataField="cuPhone">

<ColumnValidationSettings>

<ModelErrorMessage Text=""></ModelErrorMessage>

</ColumnValidationSettings>

<ItemStyle HorizontalAlign="Center" />

<HeaderStyle HorizontalAlign="Center" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn HeaderText="APPROX. MILES" UniqueName="Miles" FilterControlAltText="Filter column column" DataField="Distance" DataFormatString="{0:####.#0}">

<ColumnValidationSettings>

<ModelErrorMessage Text=""></ModelErrorMessage>

</ColumnValidationSettings>

<ItemStyle HorizontalAlign="Center" />

<HeaderStyle HorizontalAlign="Center" />

</telerik:GridBoundColumn>

<telerik:GridTemplateColumn UniqueName="Directions" HeaderText="DRIVING DIRECTION">

<ItemTemplate>

<asp:PlaceHolder runat="server">

<a href="http://google.com/maps/dir/<;%# DataBinder.Eval(Container.DataItem, "

Address1")%>%2C+<%# DataBinder.Eval(Container.DataItem, "City")%>+<%# DataBinder.Eval(Container.DataItem, "state_id")%>+<%# DataBinder.Eval(Container.DataItem, "zip_code")%>/<%# Request.QueryString("A")%>%2C+<%# Request.QueryString("C")%>+<%# Request.QueryString("S")%>+<%# Request.QueryString("Z")%>" target="_blank">To <%# Request.QueryString("N")%></

a>

<br />

<a href="http://google.com/maps/dir/<;%# Request.QueryString("

A")%>%2C+<%# Request.QueryString("C")%>+<%# Request.QueryString("S")%>+<%# Request.QueryString("Z")%>/<%# DataBinder.Eval(Container.DataItem, "Address1")%>%2C+<%# DataBinder.Eval(Container.DataItem, "City")%>+<%# DataBinder.Eval(Container.DataItem, "state_id")%>+<%# DataBinder.Eval(Container.DataItem, "zip_code")%>" target="_blank">From <%# Request.QueryString("N")%></

a>

</asp:PlaceHolder>

</ItemTemplate>

<HeaderStyle HorizontalAlign="Center" />

</telerik:GridTemplateColumn>

</Columns>

</MasterTableView>

<PagerStyle PageSizeControlType="RadComboBox" />

</telerik:RadGrid>

Here is how I populate the fields that are not showing.

Private Sub grdResults_ItemCommand(sender As Object, e As GridCommandEventArgs) Handles grdResults.ItemCommand

If e.CommandName = "ExportMapListing" Then

grdResults.ExportSettings.ExportOnlyData = True

grdResults.ExportSettings.FileName = "ExportMapListing"

grdResults.MasterTableView.ExportToExcel()

End If

End Sub

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

'Set Row Count

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

Dim rowCounter As Integer = 0

Dim lblRowNumber As Label = TryCast(e.Item.FindControl("lblRowNumber"), Label)

rowCounter = grdResults.MasterTableView.PageSize * grdResults.MasterTableView.CurrentPageIndex

lblRowNumber.Text = (e.Item.ItemIndex + 1 + rowCounter).ToString()

Dim lblCULink As Label = TryCast(e.Item.FindControl("lblCULink"), Label)

Dim CU_LinkButton As LinkButton = TryCast(e.Item.FindControl("CU_LinkButton"), LinkButton)

Dim lblAddressInfo As Label = TryCast(e.Item.FindControl("lblAddressInfo"), Label)

lblAddressInfo.Text = DataBinder.Eval(e.Item.DataItem, "Address1") & "<br />" & _

DataBinder.Eval(e.Item.DataItem, "City") & " " & _

DataBinder.Eval(e.Item.DataItem, "state_id") & " " & _

DataBinder.Eval(e.Item.DataItem, "zip_code")

If DataBinder.Eval(e.Item.DataItem, "MemberType") = "Non-member" Then

e.Item.ForeColor = Drawing.Color.Black

lblCULink.Visible = True

lblCULink.Text = "<a href=""/cuDataAnalysis/cuSummary.aspx?Charter_num=" & DataBinder.Eval(e.Item.DataItem, "charter_num") & """>" & DataBinder.Eval(e.Item.DataItem, "CUName") & " (" & DataBinder.Eval(e.Item.DataItem, "charter_num") & ")</a>"

CU_LinkButton.Visible = False

Else

e.Item.ForeColor = Drawing.Color.Green

'lblCULink.Text = "<a href=""/CUTracking/ContactManager/default.aspx?_search_asiNum=" & DataBinder.Eval(e.Item.DataItem, "asi_num") & """>" & DataBinder.Eval(e.Item.DataItem, "CUName") & " (" & DataBinder.Eval(e.Item.DataItem, "charter_num") & ")</a>"

lblCULink.Visible = False

CU_LinkButton.Visible = True

CU_LinkButton.PostBackUrl = "/CUTracking/ContactManager/default.aspx" '?_search_asiNum=" & DataBinder.Eval(e.Item.DataItem, "asi_num")

CU_LinkButton.Text = DataBinder.Eval(e.Item.DataItem, "CUName") & " (" & DataBinder.Eval(e.Item.DataItem, "charter_num") & ")"

End If

End Sub

Grid

answered on 12 Sep 2014

6 answers

166 views

IE 9 Compatibility View issue

The current version of RadControls for ASP.NET AJAX doesn't work well when running under IE 9 with compatibility view enabled.

The step to reproduce:

1. Launch IE 9 browser.

2. Go to telerik demo site: http://demos.telerik.com/aspnet-ajax/menu/examples/overview/defaultcs.aspx

3. Enable compatibility view in IE 9

4. Then navigate the demo site, such as click the top menu ... ...

5. Some time it shows error like: Object doesn't support property or method 'slice'

Menu

answered on 12 Sep 2014

1 answer

216 views

RadEditor change <select> selected value

Hello,

There is a tool in radeditor, to insert dropdown into content (select tag <select>). Is there any way to achieve functionality, so that user could change inserted dropdown selected value with mouse clicks (just like we can change checkbox or radiobutton checked status) in radEditor?

Editor

answered on 12 Sep 2014

9 answers

646 views

Horizontal scrolling with Magic mouse on the Mac is not working correct

Hi,

Some of our users work with our application on the Mac with the Safari with the Magic mouse. We got some issues about horizontal scolling in the RadGrid of Telerik. With this mouse it is possible to scroll horizontal without using the scrollbars by moving your finger sideways. On the content/data in the RadGrid this doesn't scroll horizontal or sometimes it only scrolls the content div(data) native without scrolling the column headers and keeping the fixed columns into place.

When we use the Magic mouse on the horizontal scrolbar area itself the scrolling works fine. We see the same behaviour in Windows with a Logitec RX1000 with horizontal scrolling possibilities on the scrollwheel(press left and right).

In our research we found out that the scrollbars behaves different dependent on the type of mouse the user is using on the Mac.
http://blog.0100.tv/2012/11/webkit-scrollbars-on-os-x/

Using the horzontal scrolling by the Magic mouse works fine on another div in our application with overflow: auto or overflow: scroll.

What can I do to solve these issues? Can this be solved for the RadGrid?

Grid

answered on 12 Sep 2014

10 answers

725 views

[Solved] RequiredFieldValidator is not validate radtextbox first submit

Hi
I have problem with RequiredFieldValidator, it's not validate at the first time when i click the submit button (search)

But second time, when i click this button (search), it validate

<telerik:RadWindow ID="rwAddStorage" runat="server" VisibleTitlebar="False" VisibleStatusbar="False"

Modal="True" Behaviors="None" Width="500px" Behavior="None" Font-Size="14px"

Height="610px">

<ContentTemplate>

<telerik:RadAjaxPanel ID="rapConfig" runat="server">

<asp:Panel ID="Panel3" runat="server">

<table border="0" cellpadding="0" cellspacing="0">

<tr>

<td>

<telerik:RadTextBox ID="txtSearchName" runat="server" EnableEmbeddedSkins="False"

Width="260px" Skin="Inspire" EmptyMessage="Enter User Name for searching..."

LabelCssClass="" LabelWidth="64px">

</telerik:RadTextBox>

<asp:RequiredFieldValidator ID="RequiredFieldValidator3" runat="server" Text="Storage Prefix is required"

SetFocusOnError="True" ValidationGroup="SearchUser" ControlToValidate="txtSearchName"

Style="display: none;"></asp:RequiredFieldValidator>

</td>

<td style="padding-left: 5px">

<telerik:RadButton ID="btnSearch" runat="server" Text="Search" EnableEmbeddedSkins="False"

ValidationGroup="SearchUser" Skin="Inspire" OnClick="btnSearch_Click">

</telerik:RadButton>

<telerik:RadButton ID="btnAddUser" runat="server" Text="Add" EnableEmbeddedSkins="False"

Skin="Inspire" Enabled="false" OnClick="btnAddUser_Click">

<Icon PrimaryIconCssClass="rbAdd"></Icon>

</telerik:RadButton>

</td>

</tr>

</table>

</asp:Panel>

</telerik:RadAjaxPanel>

</ContentTemplate>

</telerik:RadWindow>

Input

answered on 12 Sep 2014

16 answers

3.2K+ views

add delete button to each row in radgrid

Hi, I really love radcontrols although i'm still using a trial version of asp.net ajax. I can't figure out how I can put imagebuttons on every row I have on my radgrid. These buttons will try to get the value of each row's "Name" field. I tried adding a gridbuttoncolumn but i can't add a handler to it and I don't know how to do it. Please help me. I'm in an urgent need.Thanks :)

Grid

answered on 12 Sep 2014