This is a migrated thread and some comments may be shown as answers.

Inset Effect for TimePicker

1 Answer 35 Views
Input
This is a migrated thread and some comments may be shown as answers.
Ed McCarroll
Top achievements
Rank 1
Ed McCarroll asked on 16 Jun 2010, 11:30 PM
I'm trying to make my TimePickers look like the <asp:TextBox ...> next to it.  I've tried:

- apply a CSS class with "border-style: inset;"

- set DateInput-BorderStyle="Inset"

- set Skin="" [on both TimePicker and DateInput]

None of the above works.

[And yes, I've seen this: http://www.telerik.com/community/forums/aspnet-ajax/input/radnumerictextbox-border.aspx -- it didn't help]

1 Answer, 1 is accepted

Sort by
0
Dimo
Telerik team
answered on 21 Jun 2010, 02:11 PM
Hi Ed,

Here is a simple web page, which demonstrates approach (1) from the forum thread that you are referring to:

<%@ Page Language="C#" %>
<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
 
<head runat="server">
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<title>RadControls</title>
<style type="text/css">
 
html body .RadInput input.MyTB
{
    border: inset #d4d0c8 ;
    border-width: 2px 1px 1px 2px ;
}
 
</style>
</head>
<body>
<form id="form1" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server" />
 
<telerik:RadTimePicker ID="RTP1" runat="server">
    <DateInput CssClass="MyTB" />
</telerik:RadTimePicker>
 
</form>
</body>
</html>


Best wishes,
Dimo
the Telerik team
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
Tags
Input
Asked by
Ed McCarroll
Top achievements
Rank 1
Answers by
Dimo
Telerik team
Share this question
or