Timelineview layout

12 posts, 0 answers
  1. Datamex
    Datamex avatar
    161 posts
    Member since:
    Jun 2012

    Posted 12 Oct 2009 Link to this post

    Dear Telerik,

    In IE the TimeLineView looks like this: http://bart.nimio.info/images/fora/verspringScheduler.JPG
    In FireFox the same TimeLineView looks like this: http://bart.nimio.info/images/fora/verspringSchedulerFF.JPG

    How can I make the IE-timelineview look the same as the FF timelineview?
  2.
  3. Peter
    Admin
    Peter avatar
    6637 posts

    Posted 12 Oct 2009 Link to this post

    Hi,

    This problem occurs because the resource text wraps on two or more lines. To avoid this you have several options:

    1. Remove text wrapping with the following css:
    .rsMainHeader th 
    { 
      white-space:nowrap !important; 
      text-align:left !important; 
    } 

    2. Increase RowHeaderWidth. For example - RowHeaderWidth="500px"

    3. Increase the row height. For example, try setting RowHeight="40px"

    Or, you can try a combination of the above options.

    Don't hesitate to contact us if you have additional questions or concerns.


    Greetings,
    Peter
    the Telerik team

    Instantly find answers to your questions on the new Telerik Support Portal.
    Watch a video on how to optimize your support resource searches and check out more tips on the blogs.
  5. Datamex
    Datamex avatar
    161 posts
    Member since:
    Jun 2012

    Posted 12 Oct 2009 Link to this post

    Thanks for this solution, but the only problem now is that the RowHeaderWidth in every view is 130px wide (for example). Can I somehow make it so, that only in the Timelineview the RowHeaderWidth is 130px wide? (the scheduler is clientside populated and using webservices, so I guess it has to be done clientside)
  7. Peter
    Admin
    Peter avatar
    6637 posts

    Posted 12 Oct 2009 Link to this post


    You can set RowHeaderWidth dynamically depending on the current view:

    protected void RadScheduler1_NavigationComplete(object sender, SchedulerNavigationCompleteEventArgs e)
       {
           if (RadScheduler1.SelectedView == SchedulerViewType.TimelineView)
               RadScheduler1.RowHeaderWidth = Unit.Pixel(130);
           else
               RadScheduler1.RowHeaderWidth = Unit.Empty;
       }
       protected void Page_Load(object sender, EventArgs e)
       {
           if (RadScheduler1.SelectedView == SchedulerViewType.TimelineView)
               RadScheduler1.RowHeaderWidth = Unit.Pixel(130);
       }


    Kind regards,
    Peter
    the Telerik team

    Instantly find answers to your questions on the new Telerik Support Portal.
    Watch a video on how to optimize your support resource searches and check out more tips on the blogs.
  9. Datamex
    Datamex avatar
    161 posts
    Member since:
    Jun 2012

    Posted 12 Oct 2009 Link to this post

    Dear Peter,

    Is there any way to do this client side? I'm using webservices to populate my scheduler and so almost everything happens client-side...
  11. Peter
    Admin
    Peter avatar
    6637 posts

    Posted 13 Oct 2009 Link to this post


    In this case, it would be better to use css:

    .rsTimelineView .rsVerticalHeaderTable
        {
            width: 130px !important;    
        }


    Greetings,
    Peter
    the Telerik team

    Instantly find answers to your questions on the new Telerik Support Portal.
    Watch a video on how to optimize your support resource searches and check out more tips on the blogs.
  13. Timothy Kruszewski
    Timothy Kruszewski avatar
    76 posts
    Member since:
    Feb 2010

    Posted 23 Feb 2010 Link to this post

    How do these styles get changed if they are already built into the dll?
  15. Peter
    Admin
    Peter avatar
    6637 posts

    Posted 25 Feb 2010 Link to this post

    Hi Timothy,

    They get overwritten. I use '!important', but if your inline css selector is specific enough it will still overwrite them even without '!important'.


    All the best,
    Peter
    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.
  17. Rajeev
    Rajeev avatar
    2 posts
    Member since:
    Jul 2011

    Posted 27 Jul 2011 Link to this post

    I was working with the RadScheduler in Timeline mode and grouping it with the Resources. In the Vertical timeline view the resource name is partially displayed. This happens when the resource name text is lengthy (This works well in Mozilla whereas fails in IE 9).

    The below property is used to fix the issue temporarily, however this will fail if the width of the text grows more. This fix is done by overriding the Scheduler inbuilt class property 'rsVerticalHeaderWrapper'. I tried to override its parent and child properties as well, but it did not work.

    .rsVerticalHeaderWrapper div{width:150px !important; text-align:left !important }

    When I set the width as 'auto' in the above css property it works well in Mozilla and not in IE.

    Can anybody here in this thread help me out, so that I can solve the issue.

    Thanks in Advance.
    Rajeev.

  19. Plamen
    Admin
    Plamen avatar
    2946 posts

    Posted 01 Aug 2011 Link to this post

    Hi Rajeev,

    I tested the code and I didn't observe any unusual behaviour.

    Here is a link for a short video that follows the steps of the issue: 
    http://screencast.com/t/ydTVI9pcg26

    All the best, Plamen Zdravkov
    the Telerik team

    Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.

  20.
  21. Rajeev
    Rajeev avatar
    2 posts
    Member since:
    Jul 2011

    Posted 01 Aug 2011 Link to this post

    Hi Plamen Zdravkov,

    Thanks for your reply. It was helpful.

    I was using the browser with the Browser Mode as IE9 and Document Mode as Quirks mode which is the default mode.


    I have another issue:

    It works fine for Browser Mode as IE9 and Document Mode from IE7 to IE9, except for Document Mode as Quirks mode. However, if I try to show the ‘RadScheduler’ in ‘RadWindow’ with the following browser mode the window doesn’t popup:

    Browser Mode : IE9
    Document Mode : IE9

    Whereas it works fine for the other modes.

    Thanks,
    Rajeev

  23. Ivan Zhekov
    Admin
    Ivan Zhekov avatar
    649 posts

    Posted 03 Aug 2011 Link to this post

    Hi Rajeev,

    The Document mode is Quirks by default only if the page has not Doctype, or if there are any conditional comments on the page.

    If the case is the lack of doctype, you should add one, as it is required to make browsers behave according to standards (as much as they could).

    If you give us a test URL, perhaps we can tell you more.


    Regards, Ivan Zhekov
    the Telerik team

    Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.

Back to Top