Questions on UI for ASP.NET AJAX Forum

2 answers

95 views

RadSearchBox javascript error when inside container with display:none

Ok,

I'm getting a javascript error any time a RadSearchBox is contained within any element that has a display:none style set to it.

As an example, let's say you want to put a RadSearchBox inside a user control which is inside a RadPanelBar.

Each one of the below user controls contains a RadSearchBox.

<telerik:RadPanelBar ID="RadPanelBar1" runat="server">

<Items>

<telerik:RadPanelItem Text="Launch a Something" runat="server">

<ContentTemplate>

<CRWP:ucLaunchSomething id="ucLaunchSomethingCtl" runat="server"></CRWP:ucLaunchSomething>

</ContentTemplate>

</telerik:RadPanelItem>

<telerik:RadPanelItem runat="server" Text="Launch a Something Else">

<ContentTemplate>

<CRWP:ucLaunchSomethingElse id="ucLaunchSomethingElseCtl" runat="server"></CRWP:ucLaunchSomethingElse>

</ContentTemplate>

</telerik:RadPanelItem>

</Items>

</telerik:RadPanelBar>

When the above is rendered (in at least IE9), it throws a javascript error in the following line:

z.style.width=(y-(x+w+v+6))+"px";

One of the problems is that y == 0 at this point so it's trying to set the width to a negative number. JavaScript error in IE JavaScript Console is SCRIPT:87 Invalid argument.

Any suggestions on how to make it work without throwing the javascript error would be greatly appreciated.

Thanks

SearchBox

answered on 19 Jun 2013

1 answer

94 views

Can not change the font-family when editor is rendered with skin "SiteFinity"

Hello Everyone,

I am having a strange problem. I am adding radeditor to my page with the skin "SiteFinity". When I change the font family for some text in edit mode of editor it is not applying while in the html mode I can see that the correct font family is being applied to the text and in preview mode it displays the correct font.

If I use the default skin for radeditor then the font family is applied in all modes of editor.

I have found the reason, below is the css rendered in the browser which is preventing to display the correct font family in edit mode

.Sitefinity.RadEditor, .Sitefinity.RadEditor * {

font-family: Arial,Sans-Serif;

}

Any help can save my life. I am scratching my head!!

I have attached the images to show the problem.. Please dont ask for the sample code project since I can not do that because it is a very big project and very complex code. I hope we can solve it this way.

Editor

answered on 19 Jun 2013

2 answers

168 views

RadEditor for SharePoint 2010 not showing

I have read your online documentation AND watched the relevant SharePoint 2010 videos.
I have also searched your forum to see if there is a similar issue.
I have sent two emails to support but unfortunately received unsatisfactory responses that did not address my questions.

I have installed the Rad Editor for SharePoint 2010 and activated the following site features:
• Use RadEditor to edit HTML fields
• Use RadEditor to edit List Items

I have activated the following SPRadListView Site Collection Feature:
I also added the following line to the ListTools.xml file:
<telerik:EditorModule Name="RadEditorHtmlInspector" Visible="true" Enabled="true" /> to the <modules /> section.
and I added the following code to the ListConfig.xml

</modules>

Please see attached for the screenshot I get when I click to edit or add a list item.

Basically, what I have showing up in SharePoint is not consistent with the demo on your site: http://sharepoint.telerik.com/aspnet-ajax/web-parts/Pages/Content-Editor-Web-Part-using-RadEditor.aspx

I also need to add the following functionality to the editor.
Paste From Word
Strip Formatting from Word etc., AND show the HTML module.
Please provide the appropriate assistance.

WebParts for SharePoint

answered on 19 Jun 2013

1 answer

214 views

radscheduler resource grouping with a provider not showing appointments

Hi,
I am trying to group my RadScheduler by a resource (Staff). The scheduler has appointments on it and the appointments have resources added by the provider. However, as soon as I add GroupBy="Staff" to the markup, I get no appointments displaying and the scheduler only shows the "all day" row. Interrestingly, a breakpoint in the AppointmentsPopulating method shows the appointments (with the correct resources) but the AppointmentCreated method never fires.

Below is how I've set up the provider to add the Staff resource.
In my provider I have a dictionary defined this way "Private dictResources As IDictionary(Of ResourceType, IEnumerable(Of Resource))" which the GetAppointments method populates like this:

Select Case strType.ToUpper()

Case "STAFF"

typType = New ResourceType(strType, True)

lstResource = GetStaffResources(myInfo.intSite_pKey)

End Select

If Not lstResource Is Nothing Then GetResources.Add(typType, lstResource)

The GetStaffResources method contains the following:

For Each dr As DataRow In dt.Rows

Dim pKey As Integer = dr.Item(dt.Columns.IndexOf("pKey"))

Dim Contact_pKey As Integer = dr.Item(dt.Columns.IndexOf("Contact_pKey"))

Dim Name As String = dr.Item(dt.Columns.IndexOf("Fullname"))

Dim item As New clsSchedResStaff()

item.pKey = pKey

item.Contact_pKey = Contact_pKey

item.Name = Name

Dim res As New Resource

res.Key = item.pKey

res.Text = item.Name

res.DataItem = item

res.Type = "Staff"

GetStaffResources.Add(res)

Next

Finally, LoadResource (which is called from GetAppointments just before the Appointment is added to the list of appointments) looks like this:

Private Sub LoadResources(apt As Appointment)

Dim arrStaffPKeys As String() = apt.Attributes("StaffPKeys").Split(";")

For Each pairResource As KeyValuePair(Of ResourceType, IEnumerable(Of Resource)) In dictResources

Dim lstResources As List(Of Resource) = pairResource.Value.ToList()

Dim strType As String = pairResource.Key.Name.ToUpper()

For Each theResource As Resource In lstResources

Select Case strType

Case "STAFF"

Dim item As clsSchedResStaff = DirectCast(theResource.DataItem, clsSchedResStaff)

If arrStaffPKeys.Contains(item.Contact_pKey) Then

apt.Resources.Add(theResource)

End If

End Select

Next

End Sub

As I said, all this works fine until I try to group by "Staff" and then no appointments get to the page. In fact, no TimeSlots get to the page either except the AllDay row. Any help you can provide regarding what could be the cause of this symptom would be appreciated.

Thanks,
Danny

Scheduler

answered on 19 Jun 2013

1 answer

174 views

RadTileList redirect to another page

For anyone wanting to redirect to another page or use the RadTileList as a menu you will quickly find the navigation URL opens a new tab. To avoid this behavior you can simply remove the navigation URL property and replace it with some javascript.

Here is a simple example using 3 tiles and 3 pages to redirect to.

<telerik:RadTileList runat="server" EnableThemeing="true" TileRows="1" SelectionMode="none" OnClientTileClicked="OnClientTileClicked">

<Groups>

<telerik:TileGroup>

<telerik:RadIconTile Name="Editor" Shape="Wide" Target="_blank" ImageUrl="http://demos.telerik.com/aspnet-ajax/tilelist/Img/Icons/icon_imageeditor.png" BackColor="#00b37d" Title-Text="Image Editor">

<PeekTemplate>

<img src="http://demos.telerik.com/aspnet-ajax/tilelist/Img/Wide/img_edit.png" alt="DevTools" style="display: block;" />

</PeekTemplate>

<PeekTemplateSettings Animation="Slide" AnimationDuration="800" Easing="easeInOutBack"

ShowInterval="5000" CloseDelay="5000" ShowPeekTemplateOnMouseOver="true" HidePeekTemplateOnMouseOut="true" />

</telerik:RadIconTile>

<telerik:RadIconTile Name="OrgChart" Target="_blank" Shape="Square" ImageUrl="http://demos.telerik.com/aspnet-ajax/tilelist/Img/Icons/icon_orgchart.png">

<Title Text="OrgChart"></Title>

</telerik:RadIconTile>

<telerik:RadIconTile Name="ListView" Target="_blank" Shape="Square" ImageUrl="http://demos.telerik.com/aspnet-ajax/tilelist/Img/Icons/icon_listview.png" BackColor="#82c92f">

<Title Text="ListView"></Title>

</telerik:RadIconTile>

</telerik:TileGroup>

</Groups>

</telerik:RadTileList>

<script type="text/javascript">

function OnClientTileClicked(tileList, args) {

var tile = args.get_tile();

var url = args.get_oldValue();

//confirm navigation if url has been specified

if (tile.get_name() == "OrgChart") {

window.location = 'http://demos.telerik.com/aspnet-ajax/orgchart/examples/overview/defaultcs.aspx';

}

if (tile.get_name() == "Editor") {

window.location = 'http://demos.telerik.com/aspnet-ajax/imageeditor/examples/overview/defaultcs.aspx';

}

if (tile.get_name() == "ListView") {

window.location = 'http://demos.telerik.com/aspnet-ajax/listview/examples/overview/defaultcs.aspx';

}

</script>

TileList

answered on 19 Jun 2013

1 answer

123 views

RadConfirm not working with FireFox

Hello,

We have implemented a radconfirm as below,

<asp:UpdatePanel runat="server" ID="pnlObjectX" UpdateMode="Conditional">

<ContentTemplate>

<telerik:RadListView ID="ObjectXList" runat="server"

ItemPlaceholderID="ObjectXListContainer" OnSelectedIndexChanged="ObjectXList_SelectedIndexChanged">

<LayoutTemplate>

<fieldset style="width: 810px; border: none;">

<asp:PlaceHolder ID="ObjectXListContainer" runat="server"></asp:PlaceHolder>

</fieldset>

</LayoutTemplate>

<ItemTemplate>

<fieldset style="float: left; width: 250px; padding-left: 20px; border: none;">

<div style="padding: 5px; width: 200px; align-content: center; cursor: pointer;">

<div style="display: none">

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

</div>

<div class="FirmName">

<asp:LinkButton ID="RemoveObjectX" CssClass="selectedButtons noValidation" runat="server" CommandName="Select" OnClientClick="DisplayConfirmationForDeleteObjectX(this); return false;">

<img src="../App_Themes/Associa/images/bullet_minus.png" style="vertical-align: middle;" />

</asp:LinkButton>

<asp:Label runat="server" ID="lblFirstName" Text='<%# Bind("FirstName")%>' Style="margin-left: 5px; vertical-align: middle;"></asp:Label><asp:Label runat="server" ID="lblLastName" Text='<%# Bind("LastName")%>' Style="margin-left: 5px; vertical-align: middle;"></asp:Label>

</div>

<div class="FirmAddress">

<asp:Label runat="server" ID="lblEmailAddress" Text='<%# Bind("EmailAddress")%>' Style="margin-left: 40px;"></asp:Label>

</div>

</fieldset>

</ItemTemplate>

<EmptyDataTemplate>

<div style="color: #999999; font-size: 14px; font-weight: bold; padding: 0 40%">No associated ObjectXs</div>

</EmptyDataTemplate>

</telerik:RadListView>

</ContentTemplate>

</asp:UpdatePanel>

functionDisplayConfirmationForDeleteObjectX(button) {

window.$ = $telerik.$;

function CallBack(arg) {

if (arg) {

eval(button.href);

}

else {

return false;

}

radconfirm("Do you want to delete this Xyz?", CallBack, 450, 180, null, "Delete Xyz");

}

This works fine with IE, but it gives problem in Firefox. While debugging script i found that after following code block it get stopped and not going ahead in firefox.

function onclick(event) {

$find('confirm1371571295920').close(true);

}

Window

answered on 19 Jun 2013

4 answers

146 views

insert form in grid

i have a grid that i can trigger the edit form through grideditcommandcolumn. how do i add another column and make it insert and trigger the insert form as well. thank you for your help. i tried the below code but it didn't work. thank for your help

<telerik:RadGrid ID="RadGrid1" runat="server" AutoGenerateColumns="false" PageSize="20"

AllowPaging="true" MasterTableView-HierarchyLoadMode="ServerBind" >

<PagerStyle Mode="NumericPages" />

<Columns>

<telerik:GridBoundColumn SortExpression="Amount" HeaderText="Amount" HeaderButtonType="TextButton" DataField="Amount" />

<telerik:GridEditCommandColumn UniqueName="EditCommandColumn" ButtonType="LinkButton" EditText="Edit" />

<telerik:GridEditCommandColumn UniqueName="InsertCommandColumn" ButtonType="LinkButton" EditText="Insert" />

</Columns>

<EditFormSettings EditFormType="Template">

<FormTemplate>

<telerik:RadTextBox ID="txt_Amount_Edit" runat="server" Width="120px"

Value='<%#Eval("Amount")%>' />

</FormTemplate>

</EditFormSettings>

</telerik:RadGrid>

Grid

answered on 19 Jun 2013

1 answer

143 views

RadWindowManager RadAlert

hi,

I have problems when using the application to call RadAlert RadWindowManager From CodeBehind ...

Her problem is, event Buttons OK to RadAlert not function at all when in Click, in IE 8.

please help her immediately, if there are less in use for RadAlert RadWindowManager.

as a caption, in IE9 and IE 10, event RadAlert OK buttons function properly.
I've experienced it Today, when raising and testing applications in the Production server,
server specs: Windows Server 2008 Standard Edition ..

please help,
I need very urgent, because the next 3 days will do the SIT and UAT testing.

trims a lot.
chester(misbakhul)

Window

answered on 19 Jun 2013

1 answer

169 views

Unhandled exception

Hi,

I am new to Telerik controls. And so far its been a little frustration using them.
I have a List View with User Controls for Insert and Update.
And every time I try to edit, insert or even cancel I get this error;

Unhandled exception at line 15, column 9936 in http://localhost:63390/Telerik.Web.UI.WebResource.axd?_TSM_HiddenField_=ctl00_RadScriptManager1_TSM&compress=1&_TSM_CombinedScripts_=;;System.Web.Extensions,+Version=3.5.0.0,+Culture=neutral,+PublicKeyToken=31bf3856ad364e35:en-US:7263e9c6-5962-41bc-b839-88b704bfcf0d:ea597d4b:b25378d2;Telerik.Web.UI,+Version=2010.2.929.35,+Culture=neutral,+PublicKeyToken=121fae78165ba3d4:en-US:15a8cff0-9e51-4282-a100-c2dcd204ecf2:16e4e7cd:58366029:f7645509:24ee1bba:1e771326:aa288e2d:b7778d6c:c08e9f8a:8674cba1:59462f1:a51ee93e:e330518b:8e6f0d33:6a6d718d:e085fe68:1bb784d4:82923ac3

0x800a139e - JavaScript runtime error: Sys.WebForms.PageRequestManagerServerErrorException: Invalid postback or callback argument.  Event validation is enabled using <

pages enableEventValidation="true"

/> in configuration or <%@ Page EnableEventValidation="true" %> in a page.  For security purposes, this feature verifies that arguments to postback or callback events originate from the server control that originally rendered them.  If the data is valid and expected, use the ClientScriptManager.RegisterForEventValidation method in order to register the postback or callback data for validation.

The functions and code are almost the same from another working ListView.

Any solutions for fixing this problem?

Thank you.

General Discussions

answered on 19 Jun 2013

4 answers

90 views

[Solved] Sales dashboard not work on iphone

Hi, we are evaluating the telerik controls and we are fascinated. We are trying to test the sales dashboard on iphone but we can´t do anything, the controls not work and the grid not show the filters.

Some solution?

We are test on iphone 5 with iOS 6.1.4.

Regards

Mike

Grid

answered on 19 Jun 2013