How to remove hour labels from Calendar component?

Kaede HollandKaede Holland ✭✭✭✭
edited September 5, 2018 in Questions
Feel a little guilty posting this here - as I know it is just a simple CSS question... but I'd like to remove the hour labels from the left side of my week view calendar. 

We aren't using the calendar to show actual times things are happening - just to show that things are happening for some portion of the day. 

What do I need to do with the CSS to just remove the hour labels? 

Thank you Skuiders!

Comments

  • Rob HatchRob Hatch 💎💎💎
    edited September 1, 2016
    Kaede.  Here are two CSS statements you can add to your page: 
    /* hide the hour label */ td.nx-cal-week-hour-label {   display: none; } /* set the row to 0 pixels wide */ th.nx-cal-week-corner {   width: 0;  }
  • Kaede HollandKaede Holland ✭✭✭✭
    edited September 5, 2018
    Thanks, Rob!!
  • Kaede HollandKaede Holland ✭✭✭✭
    edited September 5, 2018
    Things get kind of funky when I do that. I can't put events in the Friday slot and the drag and drop gets generally confused. 
  • Rob HatchRob Hatch 💎💎💎
    edited September 1, 2016
    Well FOO. I'm sorry.  It looks like a simple CSS hack will not suffice. What you are trying to do doesn't look like it is easily feasible. 
  • Kaede HollandKaede Holland ✭✭✭✭
    edited April 27, 2015
    what about just changing the text to white so it doesn't show up?
  • Kaede HollandKaede Holland ✭✭✭✭
    edited April 27, 2015
    I did it!! yesss!
  • Rob HatchRob Hatch 💎💎💎
    edited September 1, 2016
    Good for you... 
  • Kaede HollandKaede Holland ✭✭✭✭
    edited April 27, 2015
    :)

    What about removing the hour picker dropdown?

    image
  • Rob HatchRob Hatch 💎💎💎
    edited September 1, 2016
    I think you should be able to find those divs and overwrite thier css with "Display:none;"   But as we saw before,  that isn't always reliable... 
Sign In or Register to comment.

Howdy, Stranger!

It looks like you're new here. If you want to get involved, click one of these buttons!