Event Popovers in DayBack
DayBackForFileMaker.EventPopovers History
Hide minor edits - Show changes to output
Changed line 7 from:
%center% %width=440% https://www.seedcode.com/rootimages/stikipad/dayback/eventdetailpopover.png
to:
%center% %width=440% https://archive.seedcode.com/rootimages/stikipad/dayback/eventdetailpopover.png
November 21, 2019, at 07:39 PM
by - Updated hiding locked popover items
Changed lines 33-37 from:
-> The "All Day" and "Calendar" fields can be hidden by modifying DayBack's [[CSS]] theme. Use the following two rules to hide "All Day" and "Calendar":
-->.field-container .allDay {display: none;}
--> .panel-selector[name=calendar] {display: none;}
-->
--> .panel-selector[name=calendar]
to:
-> Normally, we wouldn't suggest hiding the "All Day" and "Calendar" field, but if you'd like to, they can be hidden by modifying DayBack's [[CSS]] theme. Use the following two rules to hide "All Day" and "Calendar":
--> .dbk_popover .allDay {display: none;}
--> .dbk_popover .dbk_listSelectButton[name=calendar] {display: none;}
--> .dbk_popover .allDay {display: none;}
--> .dbk_popover .dbk_listSelectButton[name=calendar] {display: none;}
November 21, 2019, at 07:10 PM
by - added location to fields you can hide, note about fields you cant hide
Changed line 31 from:
-> '''• Hiding Fields.''' Hiding unused fields like "Project" or "Contact" is a very simple configuration item in scripts. Edit the "Load Source Settings at Startup" script and find the source you wish to apply these settings to. Find the comment labeled "Hide popover items?" and edit the variable "$$sc_HidePopoverItems" right below it. This variable takes a return delimited list of items to hide. Options currently are "end", "resource", "status", "contact", "project".
to:
-> '''• Hiding Fields.''' Hiding unused fields like "Project" or "Contact" is a very simple configuration item in scripts. Edit the "Load Source Settings at Startup" script and find the source you wish to apply these settings to. Find the comment labeled "Hide popover items?" and edit the variable "$$sc_HidePopoverItems" right below it. This variable takes a return delimited list of items to hide. Options currently are "end", "resource", "status", "contact", "project", and "location". You cannot hide "start" or "calendar" using this method because those fields are required by DayBack.
Changed lines 26-31 from:
-> '''� Field Mapping.''' When you integrated DayBack into your files you mapped the fields in this popover to the fields in your table. This is done in the field "DBk_WebViewerSource" you added to your events table.
-> '''� Adding Fields.''' Add your own fields to the popover and format them as checkboxes, radio buttons, drop downs, or regular text fields. Instructions are here: [[additional fields]].
-> '''� Hiding Fields.''' Hiding unused fields like "Project" or "Contact" is a very simple configuration item in scripts. Edit the "Load Source Settings at Startup" script and find the source you wish to apply these settings to. Find the comment labeled "Hide popover items?" and edit the variable "$$sc_HidePopoverItems" right below it. This variable takes a return delimited list of items to hide. Options currently are "end", "resource", "status", "contact", "project".
-> '''
-> '''
to:
-> '''• Field Mapping.''' When you integrated DayBack into your files you mapped the fields in this popover to the fields in your table. This is done in the field "DBk_WebViewerSource" you added to your events table.
-> '''• Adding Fields.''' Add your own fields to the popover and format them as checkboxes, radio buttons, drop downs, or regular text fields. Instructions are here: [[additional fields]].
-> '''• Hiding Fields.''' Hiding unused fields like "Project" or "Contact" is a very simple configuration item in scripts. Edit the "Load Source Settings at Startup" script and find the source you wish to apply these settings to. Find the comment labeled "Hide popover items?" and edit the variable "$$sc_HidePopoverItems" right below it. This variable takes a return delimited list of items to hide. Options currently are "end", "resource", "status", "contact", "project".
-> '''• Adding Fields.''' Add your own fields to the popover and format them as checkboxes, radio buttons, drop downs, or regular text fields. Instructions are here: [[additional fields]].
-> '''• Hiding Fields.''' Hiding unused fields like "Project" or "Contact" is a very simple configuration item in scripts. Edit the "Load Source Settings at Startup" script and find the source you wish to apply these settings to. Find the comment labeled "Hide popover items?" and edit the variable "$$sc_HidePopoverItems" right below it. This variable takes a return delimited list of items to hide. Options currently are "end", "resource", "status", "contact", "project".
Changed lines 38-46 from:
-> '''� Color.''' The swatch of color in the upper left is defined by the field you mapped to "status" in your "DBk_WebViewerSource" field. If the value in that field matches one of the Status Filter colors (in the calendar's left hand sidebar) you'll see the event's color here.
-> '''� Changing Text Labels: Translation.''' You can change the text used for any of the labels or buttons in the popover by editing the calendar's translation file. This is how you rename "resources" to "trucks" or "project" to "case". Learn more here: [[translation]].
-> '''� Styles and CSS.''' By [[editing themes]] you can change the appearance of items in the popover, including fonts and colors.
-> '''� Status or Emphasis Icons''' You can add icons to the event text by following the notes [[https://www.seedcode.com/add-icons-to-dayback-calendar/ | here]].
-> '''� Add Your Own Buttons: Custom Actions.''' Probably the most important thing you can add to the popover is a series of your own buttons. These "custom action buttons" will call scripts in your own file letting you manipulate the event, or simply jump out of DayBack to work with the event in your own layouts. You can have as many action buttons as you'd like. Learn how to add them here: [[Custom Actions]].
-> '''
-> '''
-> '''
-> '''
to:
-> '''• Color.''' The swatch of color in the upper left is defined by the field you mapped to "status" in your "DBk_WebViewerSource" field. If the value in that field matches one of the Status Filter colors (in the calendar's left hand sidebar) you'll see the event's color here.
-> '''• Changing Text Labels: Translation.''' You can change the text used for any of the labels or buttons in the popover by editing the calendar's translation file. This is how you rename "resources" to "trucks" or "project" to "case". Learn more here: [[translation]].
-> '''• Styles and CSS.''' By [[editing themes]] you can change the appearance of items in the popover, including fonts and colors.
-> '''• Status or Emphasis Icons''' You can add icons to the event text by following the notes [[https://www.seedcode.com/add-icons-to-dayback-calendar/ | here]].
-> '''• Add Your Own Buttons: Custom Actions.''' Probably the most important thing you can add to the popover is a series of your own buttons. These "custom action buttons" will call scripts in your own file letting you manipulate the event, or simply jump out of DayBack to work with the event in your own layouts. You can have as many action buttons as you'd like. Learn how to add them here: [[Custom Actions]].
-> '''• Changing Text Labels: Translation.''' You can change the text used for any of the labels or buttons in the popover by editing the calendar's translation file. This is how you rename "resources" to "trucks" or "project" to "case". Learn more here: [[translation]].
-> '''• Styles and CSS.''' By [[editing themes]] you can change the appearance of items in the popover, including fonts and colors.
-> '''• Status or Emphasis Icons''' You can add icons to the event text by following the notes [[https://www.seedcode.com/add-icons-to-dayback-calendar/ | here]].
-> '''• Add Your Own Buttons: Custom Actions.''' Probably the most important thing you can add to the popover is a series of your own buttons. These "custom action buttons" will call scripts in your own file letting you manipulate the event, or simply jump out of DayBack to work with the event in your own layouts. You can have as many action buttons as you'd like. Learn how to add them here: [[Custom Actions]].
Added lines 27-28:
-> '''� Adding Fields.''' Add your own fields to the popover and format them as checkboxes, radio buttons, drop downs, or regular text fields. Instructions are here: [[additional fields]].
Added lines 28-33:
-> The "All Day" and "Calendar" fields can be hidden by modifying DayBack's [[CSS]] theme. Use the following two rules to hide "All Day" and "Calendar":
--> .field-container .allDay {display: none;}
--> .panel-selector[name=calendar] {display: none;}
Added lines 34-35:
-> '''� Status or Emphasis Icons''' You can add icons to the event text by following the notes [[https://www.seedcode.com/add-icons-to-dayback-calendar/ | here]].
Changed line 27 from:
-> '''� Hiding Fields.''' Hiding unused fields like "Project", or "Contact" is a very simple configuration item in scripts. Edit the "Load Source Settings at Startup" script and find the source you wish to apply these settings to. Find the comment labeled "Hide popover items?" and edit the variable "$$sc_HidePopoverItems" right below it. This variable takes a return delimited list of items to hide. Options currently are "end", "resource", "status", "contact", "project".
to:
-> '''� Hiding Fields.''' Hiding unused fields like "Project" or "Contact" is a very simple configuration item in scripts. Edit the "Load Source Settings at Startup" script and find the source you wish to apply these settings to. Find the comment labeled "Hide popover items?" and edit the variable "$$sc_HidePopoverItems" right below it. This variable takes a return delimited list of items to hide. Options currently are "end", "resource", "status", "contact", "project".
Added lines 27-28:
-> '''� Hiding Fields.''' Hiding unused fields like "Project", or "Contact" is a very simple configuration item in scripts. Edit the "Load Source Settings at Startup" script and find the source you wish to apply these settings to. Find the comment labeled "Hide popover items?" and edit the variable "$$sc_HidePopoverItems" right below it. This variable takes a return delimited list of items to hide. Options currently are "end", "resource", "status", "contact", "project".
Changed line 35 from:
-> '''� Add Your Own Buttons: Custom Actions.''' Probably the most important thing you can add to the popover is a series of your own buttons. These "custom action buttons" will call scripts in your own file letting you manipulate the event, or simply jump out of DayBack to work with the event in your own layouts. You can have as many action buttons as you'd like. Learn how to add them here: [[Custom Actions]].
to:
-> '''� Add Your Own Buttons: Custom Actions.''' Probably the most important thing you can add to the popover is a series of your own buttons. These "custom action buttons" will call scripts in your own file letting you manipulate the event, or simply jump out of DayBack to work with the event in your own layouts. You can have as many action buttons as you'd like. Learn how to add them here: [[Custom Actions]].
Changed line 11 from:
!! What If I Want to Edit my Event in a Layout Instead of a Popover?
to:
!! What If I Want to Work in *My* Event in a Layout Instead of a Popover?
Changed lines 27-33 from:
-> '''� Color.'''
-> '''� Changing Text Labels: Translation.'''
-> '''� Styles and CSS.'''
-> '''� Add Your Own Buttons: Custom Actions.'''
-> '''� Changing Text Labels: Translation.'''
-> '''� Styles and CSS.'''
-> '''� Add Your Own Buttons: Custom Actions.'''
to:
-> '''� Color.''' The swatch of color in the upper left is defined by the field you mapped to "status" in your "DBk_WebViewerSource" field. If the value in that field matches one of the Status Filter colors (in the calendar's left hand sidebar) you'll see the event's color here.
-> '''� Changing Text Labels: Translation.''' You can change the text used for any of the labels or buttons in the popover by editing the calendar's translation file. This is how you rename "resources" to "trucks" or "project" to "case". Learn more here: [[translation]].
-> '''� Styles and CSS.''' By [[editing themes]] you can change the appearance of items in the popover, including fonts and colors.
-> '''� Add Your Own Buttons: Custom Actions.''' Probably the most important thing you can add to the popover is a series of your own buttons. These "custom action buttons" will call scripts in your own file letting you manipulate the event, or simply jump out of DayBack to work with the event in your own layouts. You can have as many action buttons as you'd like. Learn how to add them here: [[Custom Actions]].
-> '''� Changing Text Labels: Translation.''' You can change the text used for any of the labels or buttons in the popover by editing the calendar's translation file. This is how you rename "resources" to "trucks" or "project" to "case". Learn more here: [[translation]].
-> '''� Styles and CSS.''' By [[editing themes]] you can change the appearance of items in the popover, including fonts and colors.
-> '''� Add Your Own Buttons: Custom Actions.''' Probably the most important thing you can add to the popover is a series of your own buttons. These "custom action buttons" will call scripts in your own file letting you manipulate the event, or simply jump out of DayBack to work with the event in your own layouts. You can have as many action buttons as you'd like. Learn how to add them here: [[Custom Actions]].
Changed lines 23-32 from:
Color
Translation
Css
Actions
to:
While you can't edit the popover as easily as you can edit a FileMaker layout, you still have a number of options for how this works.
-> '''� Field Mapping.''' When you integrated DayBack into your files you mapped the fields in this popover to the fields in your table. This is done in the field "DBk_WebViewerSource" you added to your events table.
-> '''� Color.'''
-> '''� Changing Text Labels: Translation.'''
-> '''� Styles and CSS.'''
-> '''� Add Your Own Buttons: Custom Actions.'''
-> '''� Field Mapping.''' When you integrated DayBack into your files you mapped the fields in this popover to the fields in your table. This is done in the field "DBk_WebViewerSource" you added to your events table.
-> '''� Color.'''
-> '''� Changing Text Labels: Translation.'''
-> '''� Styles and CSS.'''
-> '''� Add Your Own Buttons: Custom Actions.'''
Changed line 7 from:
%center% https://www.seedcode.com/rootimages/stikipad/dayback/eventdetailpopover.png
to:
%center% %width=440% https://www.seedcode.com/rootimages/stikipad/dayback/eventdetailpopover.png
Changed lines 5-9 from:
to:
When you click on or create a new event in the calendar, you'll see your event in a popover inside the calendar's webviewer.
%center% https://www.seedcode.com/rootimages/stikipad/dayback/eventdetailpopover.png
This article describes the options available for changing how this works.
%center% https://www.seedcode.com/rootimages/stikipad/dayback/eventdetailpopover.png
This article describes the options available for changing how this works.
Changed lines 1-51 from:
''Note: Support for FileMaker Web Direct is included in SeedCode calendar version 7.23 and higher. Check out our [[version history]] for more.''
!! Where does the calendar use popovers... And how can I edit the popover contents in layout mode?
Where the FileMaker Pro version of our calendar shows event details in a new window (click on an event and you see it in a small new window) the Web Direct interface shows the selected event in a popover.
%center% %newwin width=500px% [[https://www.seedcode.com/rootimages/stikipad/pro12/popover.png | https://www.seedcode.com/rootimages/stikipad/pro12/popover.png]]
There is one of these popovers on each Web Direct layout, but they are all identical. So you can edit and format one of these popovers and then copy and paste it onto each Web Direct layout (be sure to delete the popover there '''before''' you paste the new one in).
Check out this video for an overview of how to work with these popovers:
%newwin% [[https://www.youtube.com/watch?v=sNw98_mZccM | Editing Popovers in the Web Direct calendar]]
Here are some more tips to help you out:
-> '''Object Names.''' Be sure you delete the popover already on a layout '''before''' you paste your newly edited one down there: these popovers have object names on them and you won't want to create a name like "popover copy" which won't work with our scripts.
-> '''Finding the Popover.''' These little guys are invisible in layout mode but they're always in the same spot. Here is where to find them in the Web Direct layouts WITH a side menu:
%center% %newwin width=500px% [[https://www.seedcode.com/rootimages/stikipad/pro12/popoverplacenosidemenu.png | https://www.seedcode.com/rootimages/stikipad/pro12/popoverplacenosidemenu.png]]
-> And in the layouts without a side menu:
%center% %newwin width=500px% [[https://www.seedcode.com/rootimages/stikipad/pro12/popoverplace.png | https://www.seedcode.com/rootimages/stikipad/pro12/popoverplace.png]]
!! Popovers and Additional Sources
'''Overview'''
Because you may have [[multiple sources]] in the calendar, you'll need a separate section of the popover for each source. The fist of these additional sections has already been created for you on a slide control within the popover:
%center% %newwin width=500px% [[https://www.seedcode.com/rootimages/stikipad/pro12/popoversource.png | https://www.seedcode.com/rootimages/stikipad/pro12/popoversource.png]]
To get to this slide control, enter layout mode and open the popover by double clicking on it (see "finding the popover" above if you're stuck). Now double click on the light blue area behind the close button in the upper right hand corner to reveal the slide control setup. Here you can slide from panel to panel and even create new ones.
'''New Sources'''
When you make a new source, open the popover as described above and make a new panel using the slide control setup. Give the panel an object name using the number of the sources you're creating it for: If you're creating it for source number three, call it "EditSourceNo3" (without the quotes).
%center% %newwin width=500px% [[https://www.seedcode.com/rootimages/stikipad/pro12/popoversourceno.png | https://www.seedcode.com/rootimages/stikipad/pro12/popoversourceno.png]]
Now add your fields to the popover using fields from the table you related to "CalendarInterface".
You can copy the Save and Cancel buttons at the bottom of the popover from one of the other panels--these buttons (and the scripts they call) are the same across all the popovers regardless of source. Just be sure you copy the slide panel the buttons are contained in (see the "x"s below) and not just the buttons =)
%center% https://www.seedcode.com/rootimages/stikipad/pro12/popoverbuttons.png
!! What if I want to edit my event in a layout instead of a popover?
to:
(:title Event Popovers in DayBack:)
!! Overview
dvasf
!! What If I Want to Edit my Event in a Layout Instead of a Popover?
!! Overview
dvasf
!! What If I Want to Edit my Event in a Layout Instead of a Popover?
Changed lines 13-26 from:
to:
Alternately, you can preview your event in a webviewer popover and then jump to your own layout using a [[Custom Actions | custom action]] when you need more detail.
Learn how to set all these options up here: [[Your Own Event Layouts]].
!! What Are My Options for Changing How the Popover Looks & Behaves?
Field mapping
Translation
Css
Actions
Learn how to set all these options up here: [[Your Own Event Layouts]].
!! What Are My Options for Changing How the Popover Looks & Behaves?
Field mapping
Translation
Css
Actions
Changed lines 52-58 from:
Some users have very detailed layouts for editing their events and would rather just use those than recreate that as a popover.
To accomplish that, edit the script "Click in Event: 13 ( column )" and you'll see that the first SetVariable line there determines if you'd like to use a popover or your own layout for editing. Change that from "popover" to anything else to use your own layout.
Then edit the script"Jump to Event in My Layout ( Event ID )", following the comments there, to decide which layout to use for each [[multiple sources | source]] (table) you have.
Note that you can also have your users start with a popover and then jump to your layout if they really want to dive into editing. Learn more here: [[jump to my event | jump to my event layout]]. When asked for the event ID to use as a script parameter use the field CalendarInterface::Preview_SelectedID (that field only works in Web Direct).
Then edit the script
Note that you can also have your users start with a popover and then jump to your layout if they really want to dive into editing. Learn more here: [[jump to my event | jump to my event layout]]. When asked for the event ID to use as a script parameter use the field CalendarInterface::Preview_SelectedID (that field only works in Web Direct)
to:
Some users have very detailed layouts for editing their events and would rather just use those instead of our webviewer popover.
You can configure DayBack to use your own layout instead of the popover, and you can specify a different configuration for each [[multiple sources | source]] in the calendar. (In DayBack's sample file, you'll see the calendar use a webviewer for "Sample Events" and a FileMaker layout for "To-Dos".)
Learn how to set this up here: [[Your Own Event Layouts]].
You can configure DayBack to use your own layout instead of the popover, and you can specify a different configuration for each [[multiple sources | source]] in the calendar. (In DayBack's sample file, you'll see the calendar use a webviewer for "Sample Events" and a FileMaker layout for "To-Dos".)
Learn how to set this up here: [[Your Own Event Layouts]].
Changed line 3 from:
Note: Support for FileMaker Web Direct is included in SeedCode calendar version 7.23 and higher. Check out our [[version history]] for more.
to:
''Note: Support for FileMaker Web Direct is included in SeedCode calendar version 7.23 and higher. Check out our [[version history]] for more.''
Changed lines 3-16 from:
Note: SeedCode's [[https://www.seedcode.com/preview-seedcode-calendar-web-direct/ | Calendar for Web Direct]] is almost ready. [[https://www.seedcode.com/newsletter-signup/ | Signup for our newsletter]] to be the first to know when it's launched.
!! What if I want to edit my event in a layout instead of a popover?
Some users have very detailed layouts for editing their events and would rather just use those than recreate that as a popover.
To accomplish that, edit the script "Click in Event: 13 ( column )" and you'll see that the first SetVariable line there determines if you'd like to use a popover or your own layout for editing. Change that from "popover" to anything else to use your own layout.
Then edit the script "Jump to Event in My Layout ( Event ID )", following the comments there, to decide which layout to use for each [[multiple sources | source]] (table) you have.
Note that you can also have your users start with a popover and then jump to your layout if they really want to dive into editing. Learn more here: [[jump to my event | jump to my event layout]]. When asked for the event ID to use as a script parameter use the field CalendarInterface::Preview_SelectedID (that field only works in Web Direct).
!! How can I edit the popover contents in layout mode?
!! What if I want to edit my event in a layout instead of a popover?
Some users have very detailed layouts for editing their events and would rather just use those than recreate that as a popover.
To accomplish that, edit the script "Click in Event: 13 ( column )" and you'll see that the first SetVariable line there determines if you'd like to use a popover or your own layout for editing. Change that from "popover" to anything else to use your own layout.
Then edit the script "Jump to Event in My Layout ( Event ID )", following the comments there, to decide which layout to use for each [[multiple sources | source]] (table) you have.
Note that you can also have your users start with a popover and then jump to your layout if they really want to dive into editing. Learn more here: [[jump to my event | jump to my event layout]]. When asked for the event ID to use as a script parameter use the field CalendarInterface::Preview_SelectedID (that field only works in Web Direct).
!! How
to:
Note: Support for FileMaker Web Direct is included in SeedCode calendar version 7.23 and higher. Check out our [[version history]] for more.
!! Where does the calendar use popovers... And how can I edit the popover contents in layout mode?
!! Where does the calendar use popovers... And how can I edit the popover contents in layout mode?
Added lines 49-58:
!! What if I want to edit my event in a layout instead of a popover?
Some users have very detailed layouts for editing their events and would rather just use those than recreate that as a popover.
To accomplish that, edit the script "Click in Event: 13 ( column )" and you'll see that the first SetVariable line there determines if you'd like to use a popover or your own layout for editing. Change that from "popover" to anything else to use your own layout.
Then edit the script "Jump to Event in My Layout ( Event ID )", following the comments there, to decide which layout to use for each [[multiple sources | source]] (table) you have.
Note that you can also have your users start with a popover and then jump to your layout if they really want to dive into editing. Learn more here: [[jump to my event | jump to my event layout]]. When asked for the event ID to use as a script parameter use the field CalendarInterface::Preview_SelectedID (that field only works in Web Direct).
Changed line 25 from:
to:
%newwin% [[https://www.youtube.com/watch?v=sNw98_mZccM | Editing Popovers in the Web Direct calendar]]
Added lines 4-13:
!! What if I want to edit my event in a layout instead of a popover?
Some users have very detailed layouts for editing their events and would rather just use those than recreate that as a popover.
To accomplish that, edit the script "Click in Event: 13 ( column )" and you'll see that the first SetVariable line there determines if you'd like to use a popover or your own layout for editing. Change that from "popover" to anything else to use your own layout.
Then edit the script "Jump to Event in My Layout ( Event ID )", following the comments there, to decide which layout to use for each [[multiple sources | source]] (table) you have.
Note that you can also have your users start with a popover and then jump to your layout if they really want to dive into editing. Learn more here: [[jump to my event | jump to my event layout]]. When asked for the event ID to use as a script parameter use the field CalendarInterface::Preview_SelectedID (that field only works in Web Direct).
Changed line 11 from:
There is one of these popovers on each Web Direct layout, but they are all identical. So you can edit and format one of these popovers and then copy and paste it onto each Web Direct layout.
to:
There is one of these popovers on each Web Direct layout, but they are all identical. So you can edit and format one of these popovers and then copy and paste it onto each Web Direct layout (be sure to delete the popover there '''before''' you paste the new one in).
Changed lines 23-24 from:
to:
%center% %newwin width=500px% [[https://www.seedcode.com/rootimages/stikipad/pro12/popoverplacenosidemenu.png | https://www.seedcode.com/rootimages/stikipad/pro12/popoverplacenosidemenu.png]]
Changed lines 26-27 from:
to:
%center% %newwin width=500px% [[https://www.seedcode.com/rootimages/stikipad/pro12/popoverplace.png | https://www.seedcode.com/rootimages/stikipad/pro12/popoverplace.png]]
Changed line 47 from:
You can copy the Save and Cancel buttons at the bottom of the popover from one of the other panels--these are the same across all the popovers regardless of source. Just be sure you copy the slide panel the buttons are contained in (see the "x"s below) and not just the buttons =)
to:
You can copy the Save and Cancel buttons at the bottom of the popover from one of the other panels--these buttons (and the scripts they call) are the same across all the popovers regardless of source. Just be sure you copy the slide panel the buttons are contained in (see the "x"s below) and not just the buttons =)
Changed lines 45-49 from:
Now edit the script
to:
Now add your fields to the popover using fields from the table you related to "CalendarInterface".
You can copy the Save and Cancel buttons at the bottom of the popover from one of the other panels--these are the same across all the popovers regardless of source. Just be sure you copy the slide panel the buttons are contained in (see the "x"s below) and not just the buttons =)
%center% https://www.seedcode.com/rootimages/stikipad/pro12/popoverbuttons.png
You can copy the Save and Cancel buttons at the bottom of the popover from one of the other panels--these are the same across all the popovers regardless of source. Just be sure you copy the slide panel the buttons are contained in (see the "x"s below) and not just the buttons =)
%center% https://www.seedcode.com/rootimages/stikipad/pro12/popoverbuttons.png
Changed lines 41-45 from:
When you make a new source, open the popover as described above and make a new panel using the slide control setup. Give the panel an object name using the number of the sources you're creating it for: If you're creating it for source number three, call it "EditSourceNo3" (without the quotes).
to:
When you make a new source, open the popover as described above and make a new panel using the slide control setup. Give the panel an object name using the number of the sources you're creating it for: If you're creating it for source number three, call it "EditSourceNo3" (without the quotes).
%center% %newwin width=500px% [[https://www.seedcode.com/rootimages/stikipad/pro12/popoversourceno.png | https://www.seedcode.com/rootimages/stikipad/pro12/popoversourceno.png]]
Now edit the script
%center% %newwin width=500px% [[https://www.seedcode.com/rootimages/stikipad/pro12/popoversourceno.png | https://www.seedcode.com/rootimages/stikipad/pro12/popoversourceno.png]]
Now edit the script
Added lines 31-32:
'''Overview'''
Changed lines 39-41 from:
> > instr
to:
'''New Sources'''
When you make a new source, open the popover as described above and make a new panel using the slide control setup. Give the panel an object name using the number of the sources you're creating it for: If you're creating it for source number three, call it "EditSourceNo3" (without the quotes).
When you make a new source, open the popover as described above and make a new panel using the slide control setup. Give the panel an object name using the number of the sources you're creating it for: If you're creating it for source number three, call it "EditSourceNo3" (without the quotes).
Changed lines 21-22 from:
-> Finding the Popover. These little guys are invisible in layout mode but they're always in the same spot. Here is where to find them in the Web Direct layouts WITH a side menu:
to:
-> '''Finding the Popover.''' These little guys are invisible in layout mode but they're always in the same spot. Here is where to find them in the Web Direct layouts WITH a side menu:
Changed lines 31-39 from:
to:
Because you may have [[multiple sources]] in the calendar, you'll need a separate section of the popover for each source. The fist of these additional sections has already been created for you on a slide control within the popover:
%center% %newwin width=500px% [[https://www.seedcode.com/rootimages/stikipad/pro12/popoversource.png | https://www.seedcode.com/rootimages/stikipad/pro12/popoversource.png]]
To get to this slide control, enter layout mode and open the popover by double clicking on it (see "finding the popover" above if you're stuck). Now double click on the light blue area behind the close button in the upper right hand corner to reveal the slide control setup. Here you can slide from panel to panel and even create new ones.
When you make a new source...
> > instr
%center% %newwin width=500px% [[https://www.seedcode.com/rootimages/stikipad/pro12/popoversource.png | https://www.seedcode.com/rootimages/stikipad/pro12/popoversource.png]]
To get to this slide control, enter layout mode and open the popover by double clicking on it (see "finding the popover" above if you're stuck). Now double click on the light blue area behind the close button in the upper right hand corner to reveal the slide control setup. Here you can slide from panel to panel and even create new ones.
When you make a new source...
> > instr
Changed line 9 from:
%center% %newwin width=300px% [[https://www.seedcode.com/rootimages/stikipad/pro12/popover.png | https://www.seedcode.com/rootimages/stikipad/pro12/popover.png]]
to:
%center% %newwin width=500px% [[https://www.seedcode.com/rootimages/stikipad/pro12/popover.png | https://www.seedcode.com/rootimages/stikipad/pro12/popover.png]]
Changed line 9 from:
%center% %newwin width=300" [[https://www.seedcode.com/rootimages/stikipad/pro12/popover.png | https://www.seedcode.com/rootimages/stikipad/pro12/popover.png]]
to:
%center% %newwin width=300px% [[https://www.seedcode.com/rootimages/stikipad/pro12/popover.png | https://www.seedcode.com/rootimages/stikipad/pro12/popover.png]]
Changed line 9 from:
%center% %newwin width=300px" [[https://www.seedcode.com/rootimages/stikipad/pro12/popover.png | https://www.seedcode.com/rootimages/stikipad/pro12/popover.png]]
to:
%center% %newwin width=300" [[https://www.seedcode.com/rootimages/stikipad/pro12/popover.png | https://www.seedcode.com/rootimages/stikipad/pro12/popover.png]]
Changed lines 9-11 from:
There is one of these popovers on each Web Direct
to:
%center% %newwin width=300px" [[https://www.seedcode.com/rootimages/stikipad/pro12/popover.png | https://www.seedcode.com/rootimages/stikipad/pro12/popover.png]]
There is one of these popovers on each Web Direct layout, but they are all identical. So you can edit and format one of these popovers and then copy and paste it onto each Web Direct layout.
Check out this video for an overview of how to work with these popovers:
> > vid
Here are some more tips to help you out:
-> '''Object Names.''' Be sure you delete the popover already on a layout '''before''' you paste your newly edited one down there: these popovers have object names on them and you won't want to create a name like "popover copy" which won't work with our scripts.
-> Finding the Popover. These little guys are invisible in layout mode but they're always in the same spot. Here is where to find them in the Web Direct layouts WITH a side menu:
> > screen
-> And in the layouts without a side menu:
> > screen
There is one of these popovers on each Web Direct layout, but they are all identical. So you can edit and format one of these popovers and then copy and paste it onto each Web Direct layout.
Check out this video for an overview of how to work with these popovers:
> > vid
Here are some more tips to help you out:
-> '''Object Names.''' Be sure you delete the popover already on a layout '''before''' you paste your newly edited one down there: these popovers have object names on them and you won't want to create a name like "popover copy" which won't work with our scripts.
-> Finding the Popover. These little guys are invisible in layout mode but they're always in the same spot. Here is where to find them in the Web Direct layouts WITH a side menu:
> > screen
-> And in the layouts without a side menu:
> > screen
Added lines 2-3:
Note: SeedCode's [[https://www.seedcode.com/preview-seedcode-calendar-web-direct/ | Calendar for Web Direct]] is almost ready. [[https://www.seedcode.com/newsletter-signup/ | Signup for our newsletter]] to be the first to know when it's launched.
Added lines 1-13:
(:title Event Popovers in Web Direct:)
!! How can I edit the popover contents in layout mode?
Where the FileMaker Pro version of our calendar shows event details in a new window (click on an event and you see it in a small new window) the Web Direct interface shows the selected event in a popover.
> > Screenshot
There is one of these popovers on each Web Direct layout, but they are all identical. So you can edit and format one of these popovers and then
!! Popovers and Additional Sources
dvas
!! How can I edit the popover contents in layout mode?
Where the FileMaker Pro version of our calendar shows event details in a new window (click on an event and you see it in a small new window) the Web Direct interface shows the selected event in a popover.
> > Screenshot
There is one of these popovers on each Web Direct layout, but they are all identical. So you can edit and format one of these popovers and then
!! Popovers and Additional Sources
dvas