DayBackForFileMaker

Event Popovers in DayBack

DayBackForFileMaker.EventPopovers History

Hide minor edits - Show changes to output

May 17, 2023, at 11:05 PM by 192.88.134.15 -
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 KC Embrey - 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;}
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;}
November 21, 2019, at 07:10 PM by rib - 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.
January 21, 2019, at 07:06 PM by KC Embrey - Added #HidingFields
Added line 30:
[[#HidingFields]]
December 04, 2017, at 11:45 PM by 192.88.134.15 -
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".
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]].
November 24, 2017, at 11:23 PM by 192.88.134.15 -
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]].
April 03, 2017, at 04:26 PM by KC Embrey - Added #LookBehavior
Added line 21:
[[#LookBehavior]]
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;}
October 10, 2015, at 08:43 PM by 142.4.217.187 -
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]].
December 09, 2014, at 06:40 PM by 98.203.211.206 -
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".
December 09, 2014, at 06:40 PM by 98.203.211.206 -
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.'''
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]].
Changed lines 23-32 from:
Field mapping

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.'''
Added lines 24-25:

Color
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:
dvasf
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.
Changed lines 1-51 from:
(:title Event Popovers in Web Direct:)

''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?

Changed lines 13-26 from:
Learn how to set this up here: [[Your Own Event Layouts]].
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

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)
.
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]].
June 01, 2014, at 03:46 PM by 50.132.85.96 -
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.''
May 28, 2014, at 03:01 AM by 50.132.85.96 -
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?
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?
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).
May 28, 2014, at 02:41 AM by 50.132.85.96 -
Changed line 25 from:
 > > vid
to:
 %newwin% [[https://www.youtube.com/watch?v=sNw98_mZccM | Editing Popovers in the Web Direct calendar]]
May 28, 2014, at 02:38 AM by 50.132.85.96 -
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).
May 20, 2014, at 08:53 PM by 65.102.176.83 -
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).
May 20, 2014, at 08:52 PM by 65.102.176.83 -
Added line 24:
May 20, 2014, at 08:51 PM by 65.102.176.83 -
Changed lines 23-24 from:
 > > screen
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:
 > > screen
to:
%center% %newwin width=500px% [[https://www.seedcode.com/rootimages/stikipad/pro12/popoverplace.png | https://www.seedcode.com/rootimages/stikipad/pro12/popoverplace.png]]
May 20, 2014, at 08:46 PM by 65.102.176.83 -
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 =)
May 20, 2014, at 08:45 PM by 65.102.176.83 -
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
May 20, 2014, at 08:40 PM by 65.102.176.83 -
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
May 20, 2014, at 08:38 PM by 65.102.176.83 -
Added lines 31-32:
'''Overview'''
Changed lines 39-41 from:
When you make a new source...

 > > 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).
May 20, 2014, at 08:34 PM by 65.102.176.83 -
May 20, 2014, at 08:33 PM by 65.102.176.83 -
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:
dvas
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
May 20, 2014, at 08:27 PM by 65.102.176.83 -
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]]
May 20, 2014, at 08:27 PM by 65.102.176.83 -
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]]
May 20, 2014, at 08:26 PM by 65.102.176.83 -
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]]
May 20, 2014, at 08:26 PM by 65.102.176.83 -
Changed lines 9-11 from:
 > > 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
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
May 20, 2014, at 07:57 PM by 65.102.176.83 -
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.
May 20, 2014, at 07:45 PM by 65.102.176.83 -
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
(855) SEEDCODE
[email protected]
Follow us: