Questions on UI for ASP.NET AJAX Forum

1 answer

87 views

Dialogs size wrong with 2014.3

Hello all,

since we updated to version 2014.3 1024 (from 2013.2 917) our editor-dialogs and external dialogs via RadDialogOpener are very slim and high.

See attached screenshot.

Anyone experienced this as well? Any help?

Thanks a lot, best Regards
Felix

Editor

answered on 12 Nov 2014

1 answer

142 views

[Solved] Setting BackColor on ResourceStyleMapping in code behind

Hi,

I'd like to set the BackColor property of a resourcestylemapping using code behind. At the moment I am setting the applyCSSclass in the code behind (VB.net) as follows:

radscheduler.ResourceStyles.Add(New ResourceStyleMapping("User", "10", "rsCategoryBlue"))

This works fine but I would like to set the BackColor rather than applyCSSclass but there does not seem to be a property for it using the above method.

Thanks

Tim

Scheduler

answered on 12 Nov 2014

3 answers

191 views

General Q on Telerik version compatibility with IE11/Chrome

Greetings all
Our company has been a longtime user of Telerik controls for web development. Historically we have been an IE shop, and IE9 has been a mainstay version for most homegrown web apps.

I have been asked to take a look at a couple of legacy web apps that work well with IE9, but have serious grid display issues with IE11 and Chrome. The grid issues are multiple, but revolve around the grid not expanding to accomodate data rows, although data is present. In other words, the top and bottom bars of the grid are almost on top of each other, with a thin view of data shown between.

I am not a web developer, but have discovered that the two apps in question are vanilla aspx applications in .Net 4.0 using c#. Both use Telerik Web UI controls from Q2 2011. Before I start down a path trying to learn older technology to determine why it conflicts with newer browsers, I thought I would check with the experts here.

Can anyone tell me if there are known gotchas with older versions of Telerik controls that do not play well with Chrome? Perhaps config settings that cause mis-behaviors in one browser and not another. Any feedback appreciated.

Grid

answered on 12 Nov 2014

1 answer

122 views

[Solved] IE behaves differently when making Image as a Hyperlink in RadEditor

When I use the Image Manager to upload an image and insert it to the RadEditor, it will add something like this in the HTML block

<img src="somesource.jpg">

When I click the Image and then Click the Hyperlink Manager and add the hyperlink in it and click save, any other browser except for IE will show something like this in the HTML block

<a href="http://www.google.com/"><img src="somesource.jpg"></a>

but on IE, it will render it to:

<img src="somesource.jpg"><a href="http://www.google.com/"></a>

making the image unclickable.

Does anyone have any idea why this is happening?

I am using IE11

Editor

answered on 12 Nov 2014

1 answer

379 views

Adding script to head or top of body tag.

Hi,

In one of the page we are trying to add script tag on the top of the head tag or on the top of the body tag.

That page contains wizard control and there are few steps.

We are adding different user controls in each steps.

We are able to put script tag in the first page load.
But from second step we are unable to add it.

<telerik:RadScriptBlock runat="server">
<script type="text/javascript">
$(document).ready(addScriptElement);
function addScriptElement() {
$('body').prepend(
"<script id='transScript'>var dataLayer = dataLayer || [];dataLayer.push({'stepName': 'Details','stepVirtualURL': 'virtual-details'})<\/script>");
};
</script>
</telerik:RadScriptBlock>

We are using Master page.
Is there any ways we can do this?

Best Regards,
Damodar

Ajax

answered on 12 Nov 2014

3 answers

221 views

Localization within custom dll

Hello,

I am trying to get the RadGrid localization working in a website. I have a website that I am using the RadGrid in and when I run the website it is complaining with this error...

Could not find any resources appropriate for the specified culture or the neutral culture. Make sure "Resources.RadGrid.Main.resources" was correctly embedded or linked into assembly "App_GlobalResources.b7c6tcj0" at compile time, or that all the satellite assemblies required are loadable and fully signed.

I do have my radGrid.Main.fr-CA.resx in the "App_GlobalResources" folder and the culture is set to "fr-CA".

This has worked for me in a web application but now I need it to work within a website. Any ideas?

I am using the latest version of the telerik controls.

Grid

answered on 12 Nov 2014

7 answers

109 views

[Solved] HTML in the Satus Bar

Hi

Is it possible to put html in the status bar.

IE: sender.set_status("<strong>Boo</strong>");

It would be nice to colour it red and centre text as a warning.

Andy

Window

answered on 12 Nov 2014

2 answers

135 views

[Solved] Multiple linked calendars

Hi

Is there an easy way to have 2 calendars on a single page that are linked such that if one month is changed the other shows the previous / next (Depeneding on context). Like Outlook.

Andy

Calendar

answered on 12 Nov 2014

1 answer

81 views

Line-heights in PanelBar Item Template With Form Decorator

Hello,
I have a RadPanelBar that contains Item Templates that are decorated with the RadForm Decorator. We give the user the ability to select different skins for the Item template (using the form decorator) from that of the PanelBar. The idea is to have independent control over the look of the items vs the containing panel bar.

The problem I am having is with the line heights of the controls in the Item templates. When the PanelBar is set to one of the touch style skins and the form decorator is set to a non-touch skin, the line heights are too tall creating too much space between rows. Can you tell me how I can override the line-heights that are being inherited from the panelbar skin?

Thanks.

<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="WebForm1.aspx.vb" Inherits="CreditAppWizard.WebForm1" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

<title></title>

</head>

<body>

<form id="form1" runat="server">

<telerik:RadScriptManager ID="RadScriptManager1" runat="server">

<Scripts>

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js">

</asp:ScriptReference>

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js">

</asp:ScriptReference>

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryInclude.js">

</asp:ScriptReference>

</Scripts>

</telerik:RadScriptManager>

<telerik:RadFormDecorator ID="fdControls" runat="server" DecoratedControls="all" DecorationZoneID="divRFDZone" Skin="Sunset" RenderMode="Lightweight" >

</telerik:RadFormDecorator>

<div runat="server" id="divRFDZone" class="UserControlDefaults" >

<telerik:RadPanelBar ID="RadPanelBar1" runat="server" Width="812px" BackColor="White" CausesValidation="true" ValidationGroup="A" Skin="MetroTouch">

<Items>

<telerik:RadPanelItem Text="Personal Info" meta:resourcekey="rtPersonalInfoResource1" Expanded="true">

<ContentTemplate>

<div runat="server" id="divPageView1InnerDiv" class="OnePageInnerDiv" visible="true">

<table class="FieldSetTable" cellpadding="0" cellspacing="0">

<tr>

<td style="vertical-align:top">

<table runat="server" id="table1" cellpadding="0" cellspacing="0" style="margin-top:5px">

<tr>

<td style="padding-bottom:0px; padding-top:0">

<h4 runat="server" id="h4PersonalInfo" style="width:760px; margin:0px" meta:resourcekey="h4PersonalInfoResource1" >Contact Information</h4>

</td>

</tr>

</table>

<table cellpadding="0" cellspacing="0" style="margin-top:5px">

<tr>

<td style="padding-right:12px">

<label id="lblFname" runat="server" meta:resourcekey="lblFnameResource1" class="LabelText" >First Name:</label>

<br />

<asp:TextBox ID="txtFname" runat="server" Width="180px" onkeypress="javascript:Changed(this);" MaxLength="50" onblur="ForceProper(this);" AutoPostBack="false" ></asp:TextBox>

</td>

<td style="padding-right:12px">

<label id="lblMname" runat="server" meta:resourcekey="lblMnameResource1" class="LabelText" >Middle Name:</label>

<br />

<asp:TextBox ID="txtMname" runat="server" Width="100px" MaxLength="50" onblur="ForceProper(this);" AutoPostBack="false" ></asp:TextBox>

</td>

<td>

<label id="lblLname" runat="server" meta:resourcekey="lblLnameResource1" class="LabelText" >Last Name:</label>

<br />

<asp:TextBox ID="txtLName" runat="server" Width="180px" MaxLength="50" onblur="ForceProper(this);" AutoPostBack="false" ></asp:TextBox>

</td>

</tr>

</table>

</td>

</tr>

<tr>

<td>

<table cellpadding="0" cellspacing="0" style="margin-top:2px">

<tr>

<td style="padding-right:12px">

<label runat="server" id="lblHphone" meta:resourcekey="lblHphoneResource1" class="LabelText" >Home Phone:</label>

<br />

<asp:TextBox ID="txtHphone" runat="server" Width="180px" AutoPostBack="false" ></asp:TextBox>

</td>

<td style="padding-right:12px">

<label runat="server" id="lblMphone" meta:resourcekey="lblMphoneResource1" class="LabelText" >Mobile Phone:</label>

<label runat="server" id="lblSameAsLink" class="fauxLink9" style="font-size: 9px" meta:resourcekey="lblSameAsLinkResource1">Same as Home</label>

<br />

<asp:TextBox ID="txtMphone" runat="server" Width="180px" AutoPostBack="false" ></asp:TextBox>

</td>

<td>

<label id="lblOtherPhone" runat="server" meta:resourcekey="lblOtherPhoneResource1" class="LabelText" >Other Phone:</label>

<label id="lblOtherPhoneReq" runat="server" class="ReqIndicator">*</label>

<br />

<asp:TextBox ID="txtOtherPhone" runat="server" Width="180px" AutoPostBack="false" ></asp:TextBox>

</td>

</tr>

</table>

</td>

</tr>

<tr>

<td style="vertical-align:top">

<table cellpadding="0" cellspacing="0" style="margin-top:2px">

<tr>

<td style="padding-right:12px">

<label id="lblEmail" runat="server" meta:resourcekey="lblEmailAddressResource1" class="LabelText" >Email:</label>

<br />

<asp:TextBox ID="txtEmail" runat="server" Width="200px" MaxLength="255" AutoPostBack="false"></asp:TextBox>

</td>

</tr>

</table>

</td>

</tr>

</table>

</div>

</ContentTemplate>

</telerik:RadPanelItem>

</Items>

</telerik:RadPanelBar>

</div>

</form>

</body>

</html>

FormDecorator

answered on 12 Nov 2014

7 answers

1.0K+ views

ItemDatabound even in Batch Edit mode of Rad Grid

I have a RadGrid in batch edit mode.
I want to bind drop down in Edit template column to some data from database when the row enters in Edit mode.
The data will be fetched based on a parameter passed from one of the column of the selected row. So data that gets binded to dropdown is not static and can vary on row-to-row.

Ideal I would do this in ItemDatabound event of the asp.net GridView. But I noticed that in Batch Edit mode of RadGrid ItemDatabound doesn't get fired.

How do I achieve this functionality in this case?
Thank you

Grid

answered on 12 Nov 2014