Questions on UI for ASP.NET AJAX Forum

2 answers

136 views

[Solved] Loading external skin css file doesn't work on IE 9

Hi Telerik,

---------------------------------------------------
Telerik.web.dll version: 2013.1.403.40
net .4.0
VS2012
---------------------------------------------------
I don't want make skin files into an dll file, because my client needs to modify it without dll files. So I download 1 skin from Visual Style Builder which name is s_office2007.zip and extract it.

I put all files under my solution and I wrote below codes. two buttons, one uses s_office2007, one uses default skin.(just want to see how different it is) However, it is working on Firefox & Chrome ,not IE 9. The button which uses s_office2007 shows wrong style, did I miss someting?

Thanks in advance.
Bill

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="StyleTest.aspx.cs" Inherits="EmailClient.StyleTest" %>

<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>

<!DOCTYPE html>

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

<head runat="server">

<title></title>

<link href="Styles/s_office2007/AutoCompleteBox.s_office2007.css" rel="stylesheet" />

<link href="Styles/s_office2007/Button.s_office2007.css" rel="stylesheet" />

<link href="Styles/s_office2007/Calendar.s_office2007.css" rel="stylesheet" />

<link href="Styles/s_office2007/ColorPicker.s_office2007.css" rel="stylesheet" />

<link href="Styles/s_office2007/ComboBox.s_office2007.css" rel="stylesheet" />

<link href="Styles/s_office2007/DataPager.s_office2007.css" rel="stylesheet" />

<link href="Styles/s_office2007/Dock.s_office2007.css" rel="stylesheet" />

<link href="Styles/s_office2007/DropDownList.s_office2007.css" rel="stylesheet" />

<link href="Styles/s_office2007/Editor.s_office2007.css" rel="stylesheet" />

<link href="Styles/s_office2007/FileExplorer.s_office2007.css" rel="stylesheet" />

<link href="Styles/s_office2007/Filter.s_office2007.css" rel="stylesheet" />

<link href="Styles/s_office2007/FormDecorator.s_office2007.css" rel="stylesheet" />

<link href="Styles/s_office2007/Grid.s_office2007.css" rel="stylesheet" />

<link href="Styles/s_office2007/ImageEditor.s_office2007.css" rel="stylesheet" />

<link href="Styles/s_office2007/Input.s_office2007.css" rel="stylesheet" />

<link href="Styles/s_office2007/ListBox.s_office2007.css" rel="stylesheet" />

<link href="Styles/s_office2007/ListView.s_office2007.css" rel="stylesheet" />

<link href="Styles/s_office2007/Menu.s_office2007.css" rel="stylesheet" />

<link href="Styles/s_office2007/Notification.s_office2007.css" rel="stylesheet" />

<link href="Styles/s_office2007/OrgChart.s_office2007.css" rel="stylesheet" />

<link href="Styles/s_office2007/PanelBar.s_office2007.css" rel="stylesheet" />

<link href="Styles/s_office2007/PivotGrid.s_office2007.css" rel="stylesheet" />

<link href="Styles/s_office2007/ProgressArea.s_office2007.css" rel="stylesheet" />

<link href="Styles/s_office2007/Rating.s_office2007.css" rel="stylesheet" />

<link href="Styles/s_office2007/RibbonBar.s_office2007.css" rel="stylesheet" />

<link href="Styles/s_office2007/Rotator.s_office2007.css" rel="stylesheet" />

<link href="Styles/s_office2007/Scheduler.s_office2007.css" rel="stylesheet" />

<link href="Styles/s_office2007/SearchBox.s_office2007.css" rel="stylesheet" />

<link href="Styles/s_office2007/SiteMap.s_office2007.css" rel="stylesheet" />

<link href="Styles/s_office2007/Slider.s_office2007.css" rel="stylesheet" />

<link href="Styles/s_office2007/SocialShare.s_office2007.css" rel="stylesheet" />

<link href="Styles/s_office2007/Splitter.s_office2007.css" rel="stylesheet" />

<link href="Styles/s_office2007/TabStrip.s_office2007.css" rel="stylesheet" />

<link href="Styles/s_office2007/TagCloud.s_office2007.css" rel="stylesheet" />

<link href="Styles/s_office2007/ToolBar.s_office2007.css" rel="stylesheet" />

<link href="Styles/s_office2007/ToolTip.s_office2007.css" rel="stylesheet" />

<link href="Styles/s_office2007/TreeList.s_office2007.css" rel="stylesheet" />

<link href="Styles/s_office2007/TreeView.s_office2007.css" rel="stylesheet" />

<link href="Styles/s_office2007/Upload.s_office2007.css" rel="stylesheet" />

<link href="Styles/s_office2007/Window.s_office2007.css" rel="stylesheet" />

</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:RadSkinManager ID="RadSkinManager1" Runat="server" Skin="s_office2007">

</telerik:RadSkinManager>

<div>

<telerik:RadButton ID="RadButton1" runat="server" Text="RadButton" EnableEmbeddedSkins="False" EnableEmbeddedBaseStylesheet="True" EnableTheming="False"></telerik:RadButton>

<telerik:RadButton ID="RadButton2" runat="server" Text="RadButton" Skin="Default"></telerik:RadButton>

</div>

</form>

</body>

</html>

Please take a look at attachments. same aspx page. but works on Firefox & Chrome, not IE 9.

SkinManager

answered on 30 Oct 2013

2 answers

99 views

[Solved] Grid height not adjust to100% when resize browser on IE 9

IE: 9.0
Asp.net: 4.0
Telerik Version: 2013.1.403.40

Hi Telerik,

The page has just 1 RadGrid and which height is 100%, it works well but when I resize the browser from normal size to a smaller size, it gives me "Blank Area" on the bottom. Please take a look at attachments.

BTW: It works with FireFox and Chrome.

Thank you very much,
Bill

Html:

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="TestDataGrid.aspx.cs" Inherits="MainFrameTest.TestDataGrid" %>

<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

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

<head id="Head1" runat="server">

<meta http-equiv="content-type" content="text/html;charset=utf-8" />

<title>RadGrid for ASP.NET AJAX</title>

<style type="text/css">

html {

overflow: auto;

}

html,

body,

form {

margin: 0;

height: 100%;

}

</style>

</head>

<body>

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

<asp:ScriptManager ID="ScriptManager1" runat="server" />

<telerik:RadGrid

ID="RadGrid1"

runat="server"

DataSourceID="XmlDataSource1"

AllowPaging="true"

PageSize="40"

Width="100%"

Height="100%"

Style="border: 0; outline: none">

<MasterTableView TableLayout="Fixed" AllowFilteringByColumn="true" />

<ClientSettings EnableRowHoverStyle="true">

<Selecting AllowRowSelect="true" />

<Scrolling AllowScroll="true" UseStaticHeaders="true" />

</ClientSettings>

<PagerStyle AlwaysVisible="true" Mode="NextPrevAndNumeric" />

</telerik:RadGrid>

<asp:XmlDataSource ID="XmlDataSource1" runat="server" DataFile="~/datasource.xml" />

</form>

</body>

</html>

datasource.xml

<?xml version="1.0" encoding="utf-8" ?>

<students>

<student id="1" firstname="Cathy" lastname="Smith" suffixname="Jr" phone="704-717-0090" />

<student id="2" firstname="Mary" lastname="Andrew" suffixname="Sr" phone="704-717-0290" />

<student id="1" firstname="Cathy" lastname="Smith" suffixname="Jr" phone="704-717-0090" />

<student id="2" firstname="Mary" lastname="Andrew" suffixname="Sr" phone="704-717-0290" />

<student id="1" firstname="Cathy" lastname="Smith" suffixname="Jr" phone="704-717-0090" />

<student id="2" firstname="Mary" lastname="Andrew" suffixname="Sr" phone="704-717-0290" />

</students>

Grid

answered on 30 Oct 2013

3 answers

199 views

Driving RadDatePicker from an automated test

Hello,

I'm trying to write an automated test to drive an ASP.NET web app that includes a RadDatePicker control. I don't really need to drive the date-selection pop-up - I'd be happy with being able to enter the date into the input field. However, although I can "type" the text into the input field, it would appear that the date isn't really being set in the control, and nothing is being posted back to the server.

I wondered if there was a "trick" I needed to use (like there is for selection from a combo box for example: http://www.telerik.com/community/forums/aspnet/combobox/select-value-in-telerik-combo-box.aspx)

I'm using WatIn, although I imagine a Selenium user would have the same issue.

Can you help?

Thanks!

John

Calendar

answered on 29 Oct 2013

7 answers

261 views

[Solved] Dynamically change the items in a radrating control

I have a radrating control in a radgrid to evaluate a series of questions. In that series of questions are Yes/No questions and those that have at least 3 options for evaluation values. My question: Is there a way to change the set of evaluation items in the radrating control based on whether the question is a Yes/No question or the other type? I have a column in the radgrid that indicates the question type. I also added two separate items in the radrating control with different numbers of rating items. One set to Yes/No and the other with the other set of selections. Is there a way to make change the visible property of one of these items to false when the radgrid is populated based on the question type?

Rating

answered on 29 Oct 2013

1 answer

65 views

RadUpload Strange kind of error.

I am using a form with a radUpload and url of the file is stored in the table. Everyting works fine when I am not uploading a file and other information gets stored in table normally.

But when I try to Upload a file, it cause a strange error. (Screenshot attached). Though file gets uploaded in the folder but url and other information doesn't get stored in sql table.

Upload (Obsolete)

answered on 29 Oct 2013

1 answer

113 views

Mobile Responsive ??

We have Q2 2013 of telerik controls we cant upgrade at this stage but is their anyway of making the menu work on mobile devices by that I mean collapse into a small version that can work with sublevels and be visible on tablet device we are converting a existing full screen web application to a responsive design.

Menu

answered on 29 Oct 2013

7 answers

474 views

Problem with RadTabStrip / Tabs / MultiPage / RadAjaxGrid/ListView Controls

I've spent days on this and want to see if anyone else has seen this problem.

I have a tabstrip and multipage. Tabs and related page views are loaded dynamically. That functionality seems to work flawlessly, until I introduce tabs/pages with RadGrid and RadListView.

Each RadGrid and the one RadListView have Add/Edit/Delete functionality. I can run through the tabs/pageViews with RadGrids on them and do everything I need to do without issues. However, when I click on to the tab/pageview which has the RadListView, then click back to any of the tabs with RadGrid, and try to add/edit/delete, I see a blank pageview (the rmpHiddenView class is applied on the pageview).

Again, if I stay off the tab with the RadListView, everything works great. But right after I click the tab with the RadListView and try to do anything with a RadGrid on another tab, I get the blank page.

I've attached a JPEG of screen shots. FWIW all of this takes place within a RadWindow.

Has anybody ever run in to anything like this? I'd rather not get rid of the RadListView of course.

Thank you in advance!

Kevin

Ajax

answered on 29 Oct 2013

7 answers

286 views

TabStrip and Multipage

I have upgraded to the VS 2013 and Radcontrols version 2013.3 1015. Now when selecting a tab it does not change to the PageView specified by the PageViewID.

I used this code which is part of Telerik help to test with and got the same result.

<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="Test.aspx.vb" Inherits="eNotice.Test" %>

<!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"></telerik:RadScriptManager>

<div>

<telerik:RadTabStrip ID="RadTabStrip2" SelectedIndex="0" runat="server" MultiPageID="RadMultiPage1" skin="Outlook" CssClass="NoBg">

<Tabs>

<telerik:RadTab runat="server" Text="Root RadTab1" PageViewID="PageView1">

</telerik:RadTab>

<telerik:RadTab runat="server" Text="Root RadTab2" PageViewID="PageView2">

</telerik:RadTab>

<telerik:RadTab runat="server" Text="Root RadTab3" PageViewID="PageView3">

</telerik:RadTab>

</Tabs>

</telerik:RadTabStrip>

<telerik:RadMultiPage id="RadMultiPage2" runat="server" SelectedIndex="0" Width="400">

<telerik:RadPageView id="PageView1" runat="server">

Name: John Smith<br />

Birthday: October 20th 1976<br />

Marital Status: Single

<br />

</telerik:RadPageView>

<telerik:RadPageView id="PageView2" runat="server">

...

Content of the Pageview2

...

</telerik:RadPageView>

<telerik:RadPageView id="PageView3" runat="server" ContentUrl="http://www.telerik.com">

This text is never shown

</telerik:RadPageView>

</telerik:RadMultiPage>

</div>

</form>

</body>

</html>

TabStrip

answered on 29 Oct 2013

1 answer

146 views

Start Time and End Time are reversed in validation

I have an open ticket but so far, no solution. I've confirmed that the start time and end time are reversed upon validating for the appointment insert. I'm using Q1 2013 and I have to use IE 9. Please see the link below for reference:
http://www.telerik.com/account/support-tickets/view-ticket.aspx?threadid=752311
If I select a start time after the end time, the exception is thrown as expected. If I select a start time earlier than the end time, I get a run time exception.

As far as I know, this validation can't be overriden or bypassed (a bad idea in my opinion).

Does anyone have a solution? I'm using a SqlDataSource and a master page as well.

<telerik:RadScheduler ID="RadScheduler1" runat="server" DataSourceID="SDS_TimeAway"

DataEndField="Start" DataKeyField="pkid" DataStartField="End" DataSubjectField="Subject"

DataDescriptionField="Description" DataRecurrenceField="RecurrenceRule"

DataRecurrenceParentKeyField="RecurrenceParentID" SelectedView="MonthView"

StartInsertingInAdvancedForm="True"

StartEditingInAdvancedForm="true"

OverflowBehavior="Expand"

AdvancedForm-Modal="true"

DisplayRecurrenceActionDialogOnMove="True"

EnableCustomAttributeEditing="True"

OnAppointmentInsert="test">

<TimelineView UserSelectable="False" />

</telerik:RadScheduler>

Scheduler

answered on 29 Oct 2013

2 answers

145 views

Create data and controls dynamically in FormTemplate or NestedViewTemplate

I am binding the RadGrid with the List of QuestionManager Object as shown below:

public class QuestionManager
{
public FormType FormType { get; set; }
public Form Form { get; set; }
public Question Question { get; set; }
}

Question object futher has a property of List<Choice>.

public class Question
{
public int QuestionId{get;set;}
public string QuestionNumber{get;set;}
public List<Choice> ChoiceList{get;set;}}

I am using a stored procedure that gets all the data and so no round trip is required.

The grid shows the FormType,FormName and Question # column.

When the edit button on each question is clicked,I need to populate all data and control available in List<Choice> Object of the respective question.

To achieve this what should I use FormTemplate or NestedViewTemplate?

Is there a way where I can iterate the List<Choice> in markup in a loop?

How should I get the List<Choice> for each question?I dont want to hit the DB again as it will be expensive.

Is there any place in grid to store the List<Choice> collection so that I need not have to hit the DB?

Any help will be appreciated !!!!.

Grid

answered on 29 Oct 2013