alanhoffman Posted March 14, 2016 Report Share Posted March 14, 2016 Hi Caspio gurus.. Is it possible to have the Month and Week calendar to only show Monday to Friday? i.e. hide Saturday and Sunday. Thanks... Quote Link to comment Share on other sites More sharing options...
svitlanataran Posted March 14, 2016 Report Share Posted March 14, 2016 Hi, Yes, it's possible. Please refer to this post. Quote Link to comment Share on other sites More sharing options...
alanhoffman Posted March 15, 2016 Author Report Share Posted March 15, 2016 Many thanks Matilda... I tried this an unfortunately it doesn't work so I'm obviously doing something wrong here.. On saving, the system removed </div> from the footer and changed the header to: <style type="text/css">#target table:nth-of-type(2) td:nth-of-type(1) {display: none;} #target table:nth-of-type(2) th:nth-of-type(1) {display: none;} #target table:nth-of-type(2) td:nth-of-type(7) {display: none;} #target table:nth-of-type(2) th:nth-of-type(7) {display: none;} </style> <div id="target"></div> Any suggestions? Thanks again.. Quote Link to comment Share on other sites More sharing options...
alanhoffman Posted March 15, 2016 Author Report Share Posted March 15, 2016 Ahhh.. sorted - for weekly anyway... type(2) needed to be type(3)... This worked: <style type="text/css"> #target table:nth-of-type(3) td:nth-of-type(6) {display: none;} #target table:nth-of-type(3) th:nth-of-type(6) {display: none;} #target table:nth-of-type(3) td:nth-of-type(7) {display: none;} #target table:nth-of-type(3) th:nth-of-type(7) {display: none;} </style> <div id="target"> Many thanks .... Quote Link to comment Share on other sites More sharing options...
futurist Posted October 3, 2022 Report Share Posted October 3, 2022 On 3/14/2016 at 6:48 PM, alanhoffman said: Ahhh.. sorted - for weekly anyway... type(2) needed to be type(3)... This worked: <style type="text/css"> #target table:nth-of-type(3) td:nth-of-type(6) {display: none;} #target table:nth-of-type(3) th:nth-of-type(6) {display: none;} #target table:nth-of-type(3) td:nth-of-type(7) {display: none;} #target table:nth-of-type(3) th:nth-of-type(7) {display: none;} </style> <div id="target"> Many thanks .... Hi, Jus to add, you may refer to this link on how to hide (or do any other stylings) multiple sibling elements all at once: Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.