DayBackForFileMaker

Calendar Tabs

DayBackForFileMaker.CalendarTabs History

Hide minor edits - Show changes to output

May 19, 2023, at 04:22 PM by 192.88.134.15 -
Changed line 7 from:
%center% https://www.seedcode.com/rootimages/stikipad/dayback/menus.png
to:
%center% https://archive.seedcode.com/rootimages/stikipad/dayback/menus.png
December 13, 2017, at 02:50 PM by 192.88.134.15 -
Added lines 14-17:

You can also use this calc to hide items from only some users: just wrap any entries to the  “$$sc_HideMenuItems” variable in IF() statements that are only true for users who should have the menu removed. For example, the following will remove an item for everyone but full access users:

If ( Get ( AccountPrivilegeSetName ) ≠ "[Full Access]" ; "NameOfItemToRemove"  )
December 13, 2017, at 02:43 PM by 192.88.134.15 -
Changed lines 11-13 from:
If you're not using a particular tab you can remove it by editing the script "Load Calendar Settings..." and finding the comment "Menu items". Edit the calc that follows and you'll be able to supply a list of tab names to hide. Note that you'll always supply the english name of the tab. even if you've [[translation | translated]] it for display.
to:
If you're not using a particular tab you can remove it by editing the script "Load Calendar Settings..." and finding the comment "Hide Menu items". Edit the calc that follows and you'll be able to supply a list of tab names to hide. Note that you'll always supply the english name of the tab. even if you've [[translation | translated]] it for display.

To disable the 3-dots notifications menu at the far right of DayBack, enter "Notifications"
.
November 19, 2017, at 12:02 AM by 192.88.134.15 -
Changed line 7 from:
%center% https://www.seedcode.com/rootimages/stikipad/dayback/menus.png
to:
%center% https://www.seedcode.com/rootimages/stikipad/dayback/menus.png
Changed line 31 from:
The left hand sidebar currently defaults to home, you can make another tab the default by editing the script "DayBack Webviewer Settings" and changing the value of the variable "$sc_DefaultTab"
to:
The left hand sidebar currently defaults to home, you can make another tab the default by editing the script "Load Calendar Settings..." and changing the value of the variable "$sc_DefaultTab"
Changed line 11 from:
If you're not using a particular tab you can remove it by editing the script "DayBack Webviewer Settings" and finding the comment "Menu items". Edit the calc that follows and you'll be able to supply a list of tab names to hide. Note that you'll always supply the english name of the tab. even if you've [[translation | translated]] it for display.
to:
If you're not using a particular tab you can remove it by editing the script "Load Calendar Settings..." and finding the comment "Menu items". Edit the calc that follows and you'll be able to supply a list of tab names to hide. Note that you'll always supply the english name of the tab. even if you've [[translation | translated]] it for display.
Changed lines 31-35 from:
The left hand sidebar currently defaults to home, you can make another tab the default by editing the script "DayBack Webviewer Settings" and changing the value of the variable "$sc_DefaultTab"
to:
The left hand sidebar currently defaults to home, you can make another tab the default by editing the script "DayBack Webviewer Settings" and changing the value of the variable "$sc_DefaultTab"

!! Can I Change the Way Tabs Look (their color and shape)?

Yes: this all done by editing the theme's css. Once you're in the editor, search for "tab" and you're on your way. Tips and a video showing how we edit the CSS can be found here: [[editing themes]].
Changed lines 5-7 from:
The calendars tabs are part of the web viewer so you edit them in scripts and calcs instead if in layout mode.
to:
The calendars tabs are part of the web viewer so you edit them in scripts and calcs instead of in layout mode.

%center% https://www.seedcode.com/rootimages/stikipad/dayback/menus.png
Changed lines 5-35 from:
Before you read on, watch this %newwin% '''[[https://www.youtube.com/watch?v=KE0m14BxDTc | short video]]''' with some tips for working with the calendar in layout mode. It's a real time saver.

!! Themes

Be sure to check out [[Skins And Themes]] if you're new to themes in FileMaker 12.

!! Changing Size.

The video above offered some tips about resizing elements of the calendar, but remember that there are two calendar layouts for you to modify: the regular calendar and
the "... no Side Menu" layout. The video above also uses our free calendar for the demonstration. The Pro calendar contains subtabs on the Day and Week tabs.

You can learn more about those subtabs here: %newwin% [[https://www.youtube.com/watch?v=2xp88Ef53Ho | working with sub tabs]]. To learn how we're hiding those tabs, check %newwin% [[https
://www.youtube.com/watch?v=zfE5zv1j7Bw | this out]].

!! The calendar defaults to the day view, can I change that?

Yes
. Each view of the calendar is just a real, native FileMaker tab. So to change the default view, all you have to do is enter layout mode, double click on the tab, and select a new default tab:

%center% %width=500px% https://www
.seedcode.com/rootimages/stikipad/pro12/defaulttabber.png

This will take you right
to the default calendar when you navigate using the layout menu. But when the calendar starts up, it is still running its Upon Opening script, and we've got that going to the day view near the end of the script. So edit the script "Upon Opening" and towards the end, where it says "Perform Script ['Go To Day']", change that to call one of the other "Go..." scripts like "Go To Week".

That's it.

!! How does the Home
tab work?

When you click on
the "home" tab from the Day, Week, etc. view of the calendar, we don't go to a new tab on the same layout, but rather to a whole new layout. To do this there is a script trigger attached to the Day, Week, etc. tab object calling the script "Switch Calendar Tab".

If you were to edit that script you'd see that we run a different script when each tab of the calendar is clicked. Feel free to edit this script to change the behavior of the home tab, or to add your own tabs.

Note that the tab "label" (the text you see in browse mode) isn't used in this script: we use the tab's object name. So if you change "Home" to say "Menu" in layout mode, but don't change the tab's object name, it will still run the "Home" branch of our script when you click it.

%center% https://www.seedcode.com/rootimages/stikipad/pro12/hometab.png
to:
The calendars tabs are part of the web viewer so you edit them in scripts and calcs instead if in layout mode.

!! Removing
a Tab

If you're not using a particular tab you can remove it by editing the script "DayBack Webviewer Settings" and finding the comment "Menu items". Edit the calc that follows and you'll be able to supply a list of tab names to hide. Note that you'll always supply
the english name of the tab. even if you've [[translation | translated]] it for display.

After changing anything in this script, run
the "Upon Opening" script to see your changes take effect.

!! Renaming a Tab

Changing the name of a tab is done the same way you alter any interface text in the webviewer
: by editing the translation.js file. This is really simple and you can learn more about it here: [[translation]].

!! The Calendar Defaults to
the Month View; Can I Change That?

Yes. Edit the script "Upon Opening" and right near the bottom
you'll see the comment "Go to Calendar". The following script contains a parameter that determines which mode we land on by default. Simply change "Mode = Month" to whatever view you'd like to be the default.

For reference you can find a list of the possible modes (views) here: [[modes in the calendar]].

!! How Does the Home Tab Work?

When you click on
the "home" tab we run a script called "Go to Calendar Home". Feel free to edit that script to take users wherever you'd like.

!! How Can I Change the Default SideBar Tab?

The left hand sidebar currently defaults to home, you can make another
tab the default by editing the script "DayBack Webviewer Settings" and changing the value of the variable "$sc_DefaultTab"
February 18, 2013, at 08:03 PM by 98.245.113.231 -
Changed lines 29-30 from:
When you click on the "home" tab form the Day, Week, etc. view of the calendar, we don't go to a new tab on the same layout, but rather to a whole new layout. To do this there is a script trigger attached to the Day, Week, etc. tab object calling the script "Switch Calendar Tab".
to:
When you click on the "home" tab from the Day, Week, etc. view of the calendar, we don't go to a new tab on the same layout, but rather to a whole new layout. To do this there is a script trigger attached to the Day, Week, etc. tab object calling the script "Switch Calendar Tab".
May 19, 2012, at 11:08 PM by 50.132.84.245 -
Changed lines 9-10 from:
-> Be sure to check out [[Skins And Themes]] if you're new to themes in FileMaker 12.
to:
Be sure to check out [[Skins And Themes]] if you're new to themes in FileMaker 12.
May 19, 2012, at 11:04 PM by 50.132.84.245 -
Changed lines 15-16 from:
You can learn more about those subtabs here: %newwin% [[https://www.youtube.com/watch?v=zfE5zv1j7Bw | working with sub tabs]]. To learn how we're hiding those tabs, check %newwin% [[https://www.youtube.com/watch?v=zfE5zv1j7Bw | this out]].
to:
You can learn more about those subtabs here: %newwin% [[https://www.youtube.com/watch?v=2xp88Ef53Ho | working with sub tabs]]. To learn how we're hiding those tabs, check %newwin% [[https://www.youtube.com/watch?v=zfE5zv1j7Bw | this out]].
May 19, 2012, at 11:04 PM by 50.132.84.245 -
May 19, 2012, at 08:21 PM by 50.132.84.245 -
Changed lines 15-16 from:
You can learn more about those subtabs here: < < video > >
to:
You can learn more about those subtabs here: %newwin% [[https://www.youtube.com/watch?v=zfE5zv1j7Bw | working with sub tabs]]. To learn how we're hiding those tabs, check %newwin% [[https://www.youtube.com/watch?v=zfE5zv1j7Bw | this out]].
May 19, 2012, at 08:05 PM by 50.132.84.245 -
Changed lines 25-35 from:
That's it.
to:
That's it.

!! How does the Home tab work?

When you click on the "home" tab form the Day, Week, etc. view of the calendar, we don't go to a new tab on the same layout, but rather to a whole new layout. To do this there is a script trigger attached to the Day, Week, etc. tab object calling the script "Switch Calendar Tab".

If you were to edit that script you'd see that we run a different script when each tab of the calendar is clicked. Feel free to edit this script to change the behavior of the home tab, or to add your own tabs.

Note that the tab "label" (the text you see in browse mode) isn't used in this script: we use the tab's object name. So if you change "Home" to say "Menu" in layout mode, but don't change the tab's object name, it will still run the "Home" branch of our script when you click it.

%center% https://www.seedcode.com/rootimages/stikipad/pro12/hometab.png
May 19, 2012, at 07:59 PM by 50.132.84.245 -
Changed lines 23-25 from:
This will take you right to the default calendar when you navigate using the layout menu. But the "calendar" button on the home screen is specifically set to go to the day view. You can change the behavior of that button to run the script "Go to Calendar Layout" instead of "Go To Day".
to:
This will take you right to the default calendar when you navigate using the layout menu. But when the calendar starts up, it is still running its Upon Opening script, and we've got that going to the day view near the end of the script. So edit the script "Upon Opening" and towards the end, where it says "Perform Script ['Go To Day']", change that to call one of the other "Go..." scripts like "Go To Week".

That's it
.
May 19, 2012, at 07:52 PM by 50.132.84.245 -
Changed lines 21-22 from:
%center% %width=500px% https://www.seedcode.com/rootimages/stikipad/nextcal/tabcontrol.png
to:
%center% %width=500px% https://www.seedcode.com/rootimages/stikipad/pro12/defaulttabber.png
May 19, 2012, at 07:51 PM by 50.132.84.245 -
Changed lines 13-16 from:
-> The video above offered some tips about resizing elements of the calendar, but remember that there are two calendar layouts for you to modify: the regular calendar and the "... no Side Menu" layout. The video above also uses our free calendar for the demonstration. The Pro calendar contains subtabs on the Day and Week tabs.

-> You can learn more about those subtabs here: < < video > >
to:
The video above offered some tips about resizing elements of the calendar, but remember that there are two calendar layouts for you to modify: the regular calendar and the "... no Side Menu" layout. The video above also uses our free calendar for the demonstration. The Pro calendar contains subtabs on the Day and Week tabs.

You can learn more about those subtabs here: < < video > >
May 19, 2012, at 07:50 PM by 50.132.84.245 -
Changed lines 13-56 from:
-> The video above offered some tips about resizing elements of the calendar, but remember that there are two calendar layouts for you to modify: the regular calendar and the "... no Side Menu" layout.

!! Configuration Settings: changing the rows per day.

'''Rows per Day on the Month tab.'''

-> You can change how many rows are visible for each day on the month; the calendar shows 6 by default and uses the first row to display the day number. To change the rows-per-day edit the script "Load Calendar Settings - Each Redraw" and change the month brach of the calc used to set the $$sc_RowsPerDay Variable, replacing "6" with the number of rows you'd like to see. Make this 1 more than the number of appts you'd like to see in a day since we use one row for the day number.

-> If your calendar month portal isn't set to show 6 times the number of rows per day, you won't see the whole month. So either increase the number of rows in the portal (and your layout size at the same time) or set the portal to scroll. Again, check out the video mentioned at the top of this article for more details.

-> Once you've changed the number of actual portal rows on the layout, revisit the configuration script "Load Calendar Settings - On Startup..." and make sure this first variable ($$sc_LastRow) is the number of rows in your portal.

'''Showing a different number of rows on the day view.'''

-> We show a different number of rows on the day view. If you want to add or remove rows (maybe you're changing the height of these portal rows) simply edit the portal and add or remove rows there. Note that the maximum number of rows is currently 36, and that's how many events you can scroll to on the day as well.

-> This is the same number as the total number of rows for the month view and is set at the beginning of the script "Load Calendar Settings - On Startup --- Edit Configuration Here ---" (remember to keep this number divisible by the $$sc_RowsPerDay variable mentioned above.

!! Can I add more fields to the day view?

Sure. Read [[adding fields]] for notes on how to add fields from your events table or from related tables.

!! How can I change the default view of the calendar?

Each "view" of the calendar is a separate tab on the same layout. So all you need to do is double click on the tabs and select a new default tab.

!! I'd like to add a scroll bar to the calendar, or see more rows per day on the month view.

No problem: both things are easily done. Learn more here: [[scrolling the calendar]]

!! Changing the formatting of events.

Two scripts control how events appear in the calendar. The main script is "Format Event Summary --- Edit the Style of the Event Text Here ---" and this controls which lines show up on which views and colors additional lines gray on the day view. The second script, "Format Event Time --- Edit Time Formats for Events Here ---" controls how times are displayed; you'll see a number of commented switches to do things like turn the time from 12hr time to 24hr time.

Note that the calendar won't preserve text colors from your data so if you want to color or otherwise format text you'll need to do it in those two scripts.

!! How did you get that orange text to only show up in layout mode.

That is one of our favorite tricks. Just conditionally format the text to "disappear" when Get ( WindowMode ) &#8800; 4. For "disappearing" we like to select a really large font size (like 300px) rather than a font color so we can make text disappear over things that aren't a solid color (like gradients).

!! Sometimes I see a second set of tab names flash very briefly above Select Day, Filters, etc. Can that go away?

Yes. This is something you'll see occasionally on windows as we haven't made the native tabs 'exactly' the same color as the background: if we did, you wouldn't be able to find them in layout mode. But once you know where they are, feel free to change these to be exactly the same color as the background and you won't see them any more.

to:
-> The video above offered some tips about resizing elements of the calendar, but remember that there are two calendar layouts for you to modify: the regular calendar and the "... no Side Menu" layout. The video above also uses our free calendar for the demonstration. The Pro calendar contains subtabs on the Day and Week tabs.

-> You can learn more about those subtabs here: < < video > >

Changed lines 19-20 from:
Sure. The day view is one of several native tabs and is set as the default. Simply get to the tabs for the Day, Week, Month, etc tabs (instructions for getting to that tab control follow) and double click on one of the tabs to bring up the tab control. Then specify a different tab as the default.
to:
Yes. Each view of the calendar is just a real, native FileMaker tab. So to change the default view, all you have to do is enter layout mode, double click on the tab, and select a new default tab:
May 19, 2012, at 07:43 PM by 50.132.84.245 -
Added lines 1-2:
!! How can I change the way the calendar looks?
Changed lines 11-14 from:
!! How can I delete a tab?

Watch this %newwin% '''[[https://www.youtube.com/watch?v=vGJ8UQDOFGY | video walkthrough]]''' of how to delete a tab from the calendar.

to:
!! Changing Size.

-> The video above offered some tips about resizing elements of the calendar, but remember that there are two calendar layouts for you to modify: the regular calendar and the "... no Side Menu" layout.

!! Configuration Settings: changing the rows per day.

'''Rows per Day on the Month tab.'''

-> You can change how many rows are visible for each day on the month; the calendar shows 6 by default and uses the first row to display the day number. To change the rows-per-day edit the script "Load Calendar Settings - Each Redraw" and change the month brach of the calc used to set the $$sc_RowsPerDay Variable, replacing "6" with the number of rows you'd like to see. Make this 1 more than the number of appts you'd like to see in a day since we use one row for the day number.

-> If your calendar month portal isn't set to show 6 times the number of rows per day, you won't see the whole month. So either increase the number of rows in the portal (and your layout size at the same time) or set the portal to scroll. Again, check out the video mentioned at the top of this article for more details.

-> Once you've changed the number of actual portal rows on the layout, revisit the configuration script "Load Calendar Settings - On Startup..." and make sure this first variable ($$sc_LastRow) is the number of rows in your portal.

'''Showing a different number of rows on the day view.'''

-> We show a different number of rows on the day view. If you want to add or remove rows (maybe you're changing the height of these portal rows) simply edit the portal and add or remove rows there. Note that the maximum number of rows is currently 36, and that's how many events you can scroll to on the day as well.

-> This is the same number as the total number of rows for the month view and is set at the beginning of the script "Load Calendar Settings - On Startup --- Edit Configuration Here ---" (remember to keep this number divisible by the $$sc_RowsPerDay variable mentioned above.

!! Can I add more fields to the day view?

Sure. Read [[adding fields]] for notes on how to add fields from your events table or from related tables.

!! How can I change the default view of the calendar?

Each "view" of the calendar is a separate tab on the same layout. So all you need to do is double click on the tabs and select a new default tab.

!! I'd like to add a scroll bar to the calendar, or see more rows per day on the month view.

No problem: both things are easily done. Learn more here: [[scrolling the calendar]]

!! Changing the formatting of events.

Two scripts control how events appear in the calendar. The main script is "Format Event Summary --- Edit the Style of the Event Text Here ---" and this controls which lines show up on which views and colors additional lines gray on the day view. The second script, "Format Event Time --- Edit Time Formats for Events Here ---" controls how times are displayed; you'll see a number of commented switches to do things like turn the time from 12hr time to 24hr time.

Note that the calendar won't preserve text colors from your data so if you want to color or otherwise format text you'll need to do it in those two scripts.

May 19, 2012, at 07:42 PM by 50.132.84.245 -
Changed lines 1-14 from:
!! How can I get to the calendar tabs (Day, Week, etc.) in Layout mode?

The tabs of
the calendar are hidden beneath a series of buttons which need to be moved up and out of the way before you can edit the tabs beneath them. In layout mode you'll see some orange text right above these buttons.

%center% https://www.seedcode.com/rootimages/stikipad/nextcal/tabcontrol2.png

Simply click on the button beneath the orange text (they are all grouped together as one object) and use your up arrow key to move these up 25 px or so. Now you'll be able to see the tabs beneath them (the tabs names are in gray) and click on them to move from tab to tab.

%center% https://www.seedcode.com/rootimages/stikipad/nextcal/tabcontrol3.png

You can leave the buttons up and out of the way even in browse mode while you're working on the calendar layouts, but know that the buttons themselves may not refresh properly when they are out of position like this. Don't worry; they'll begin behaving again as soon as you move them back.

'''Need more?''' Check out this %newwin% '''[[https://www.youtube.com/watch?v=UGsf9egCWiI | short video]]''' that demonstrates doing these kinds of things in layout mode
.
to:
'''Overview.'''

Before you read on, watch this %newwin% '''[[https://www.youtube.com/watch?v=KE0m14BxDTc | short video]]''' with some tips for working with
the calendar in layout mode. It's a real time saver.

!! Themes

-> Be sure
to check out [[Skins And Themes]] if you're new to themes in FileMaker 12.
(855) SEEDCODE
[email protected]
Follow us: