Appointment Template problem.

3 posts, 0 answers
  1. John
    John avatar
    15 posts
    Member since:
    Sep 2012

    Posted 17 Aug 2012 Link to this post

    I have the following code in my Appointment Template.
    <div><h1><%# Eval("Subject") %></h1><br /></div>
    <hr />
    <div><h2><%# Eval("Attributes['Rooms']") %></h2></div>
    <div><h3><%# Eval("Attributes['StaffNames']") %></h3></div>
    <div><h4><%# Eval("Start","{0:t}") %> - <%# Eval("End","{0:t}") %></h4></div>

    This then creates the appointment like the image below.

    What I need is for the hr line to move up a bit.

    I have tried in the css stylesheet using margins and padding and nothing works
    margin: 5px 0 !important;
    border-width: 1px 0 0 0;
    height: 1px;

    When i remove the <br /> it pushes the line up but it still does not work with margins or padding.

    Any suggestions.


    John M

  2. Peter
    Peter avatar
    6637 posts

    Posted 21 Aug 2012 Link to this post

    Hello John,

    Please, try the following:
             <div style="line-height:11px">
                 <br />
             <hr />
                     9:30 - 10:30</h4>

    the Telerik team
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
  3. Telerik UI for ASP.NET Core is out
  4. Sean
    Sean avatar
    2 posts
    Member since:
    Dec 2013

    Posted 12 Dec 2013 Link to this post

    Hello John (or anyone using this resource,)

    Ensure that AppointmentStyleMode is not set to "Default" in your RadScheduler code. Set it to "Simple" or "Auto" in order to customize the appointment template. (Of course, be ready to re-style the entire thing, yourself.)

Back to Top