Page 1 of 1

Hide Event Title in Gantt Chart Mode

PostPosted: Thu Apr 13, 2017 12:44 am
by Regine
Hi John,

Just wondering if this has been brought up before:
Is there a way to turn off/on the event title in the Gantt Chart view?
Better even, if the title could be showing when hovered over the event.

Thanking you in advance.

Kind regards

Regine

Re: Hide Event Title in Gantt Chart Mode

PostPosted: Thu Apr 13, 2017 7:38 am
by kcembrey
Hi Regine,

That's a great question.

To hide the event title in the horizon view, you can add this to your CSS:

Code: Select all
.fc-view-basicHorizon .nub-content .nub-event-text span{
display:none;
}


This will also hide the event time. If you want to display only the time, you can put this section, in addition to the previous section, into your CSS:

Code: Select all
.fc-view-basicHorizon .nub-content .nub-event-text .fc-event-time{
display:inline-block !important;
}


Hope that helps!

KC

Re: Hide Event Title in Gantt Chart Mode

PostPosted: Mon Apr 17, 2017 11:31 pm
by Regine
Hi KC,

thanks for your response.

I got another question now with the CSS:

I would like to call a different CSS for my print layout, so I thought I could just duplicate the "Activate Theme (Repetition)" Script and amend the file name variable to my new print CSS file name and call it from another script with the number 1 in the Parameter field, but I always get the error message:
"Container Fields cannot be exported"
I then have no theme activated at all.

What I want to achieve is that I can hide certain things on my print layout, but still have them available on the normal view layout. So I want to switch back to the normal CSS theme after printing.

I have found the coding for most of the things I wanted to hide. Just missing a couple of bits (see highlighted sections in the attached screenshot)

Or is there an easier option to achieve this for my print layout?

Thanking you in advance

Kind regards

Regine

Re: Hide Event Title in Gantt Chart Mode

PostPosted: Tue Apr 18, 2017 9:29 am
by kcembrey
Great question, Regine.

You'll want to make sure you have created a new CSS file by opening an existing one and clicking the "Save As New Theme & Apply" in the WebViewer: Under The Hood layout.

Once you've completed this, you'll see the new CSS file in the portal listing the themes. Then, when you perform the "Activate Theme (Repetition)" script, you just need to pass the portal row that your theme is in like this:

Perform Script ["Activate Theme (Repetition)"; Parameter: #("sc_Repetition" ; "3")]

Then you can continue navigating to your print layout. Since this change applies for all users, you'll want to make sure to perform the "Activate Theme" script again to revert the CSS back to the default after printing.

Hope that helps!

KC

Re: Hide Event Title in Gantt Chart Mode

PostPosted: Tue Apr 18, 2017 9:59 pm
by Regine
Hi KC,

Thanks for that.

I think I made it too complicated for myself. Your script step solution has just worked fine.

Please can you give me a tip of what the CSS code is called for the highlighted bits in my screenshot.
I am struggling to find these and I want to hide them in print view.

Thanking you in advance.

Kind regards

Regine

PS: Somehow I don't seem to get a notification when you respond, not sure, if something is wrong?

Re: Hide Event Title in Gantt Chart Mode

PostPosted: Wed Apr 19, 2017 8:28 am
by kcembrey
Hi Regine,

That's great to hear.

The highlighted nav items can be hidden by adding the following CSS:

.calendar-nav { display:none; }

As far as you not receiving email notifications go, you can make sure you're subscribed to the topic at the bottom left of the page. If you're subscribed and still aren't seeing emails, verify that they're not being moved to your spam/junk folder.

Regards,

KC