Popovers
ProMaps.Popovers History
Hide minor edits - Show changes to output
Changed lines 5-6 from:
%center% %width=500% http://www.seedcode.com/rootimages/stikipad/gomaps/popover.png
to:
%center% %width=500% http://archive.seedcode.com/rootimages/stikipad/gomaps/popover.png
Changed lines 11-12 from:
%newwin width=500% [[ http://www.seedcode.com/rootimages/stikipad/promaps2/settings.jpg | http://www.seedcode.com/rootimages/stikipad/promaps2/settings.jpg]]
to:
%newwin width=500% [[ http://v/rootimages/stikipad/promaps2/settings.jpg | http://archive.seedcode.com/rootimages/stikipad/promaps2/settings.jpg]]
Changed line 21 from:
%center% http://www.seedcode.com/rootimages/stikipad/gomaps/objectname.png
to:
%center% http://archive.seedcode.com/rootimages/stikipad/gomaps/objectname.png
January 27, 2017, at 07:04 PM
by - Updated Custom Display instructions to instruct editing the gm_MapData calculation
Changed line 35 from:
To do this, edit the script "Compile Map Data" in ProMaps and find the last line where we edit the field "Properties::gm_MapData". Inside that calc you'll see a comment "HTML content for popup...": edit the html that follows and then run the script "Compile Map Data And Settings" to see your change take effect.
to:
To do this, edit the calculation of the gm_MapData field in your Properties table. Inside that calc you'll see a comment "HTML content for popup...": edit the html that follows and then run the script "Compile Map Data And Settings" to see your change take effect.
Changed line 43 from:
Find the comment "View a record" toward the bottom of that field and edit the next line. You'll see each button called out in html with a FileMaker script associated with it. Here is what the "View Record" button looks like:
to:
Find the comment "View a record" toward the bottom of that field; three buttons are defined after that. You'll see each button called out in html with a FileMaker script associated with it. Here is what the "View Record" button looks like:
November 03, 2016, at 10:48 PM
by - popover scripts are set in gm_MapData field
Changed lines 39-44 from:
!! Can I add my own links or changes the scripts the current links run?
ProMaps ships with two links at the bottom of the popover: "View Record" and "Get Directions." Both links run FileMaker scripts and you can configure these (change their names, call new scripts, and add your own scripts) by editing thescript "Compile Map Data".
Find the comment "Button Links" in that script and edit the next SetVariable line. You'll see each button called out in html with a FileMaker script associated with it. Here is what "View Record" looks like:
ProMaps ships with two links at the bottom of the popover: "View Record" and "Get Directions." Both links run FileMaker scripts and you can configure these (change their names, call new scripts, and add your own scripts) by editing the
Find the comment "Button Links" in that script and edit
to:
!! Can I add my own links or change the scripts the current links run?
ProMaps ships with two links at the bottom of the popover: "View Record" and "Get Directions." Both links run FileMaker scripts and you can configure these (change their names, call new scripts, and add your own scripts) by editing the gm_MapData calculation field in your Properties table.
Find the comment "View a record" toward the bottom of that field and edit the next line. You'll see each button called out in html with a FileMaker script associated with it. Here is what the "View Record" button looks like:
ProMaps ships with two links at the bottom of the popover: "View Record" and "Get Directions." Both links run FileMaker scripts and you can configure these (change their names, call new scripts, and add your own scripts) by editing the gm_MapData calculation field in your Properties table.
Find the comment "View a record" toward the bottom of that field and edit the next line. You'll see each button called out in html with a FileMaker script associated with it. Here is what the "View Record" button looks like:
Changed lines 48-49 from:
You'll see a third entry that you can use as the basis for your own link, and it also helps decode the link syntax for you: there is placeholder text in there for "YourScriptName", "ParametersGoHere", and "Link Displays As This".
to:
You can edit that link, but you'll also see a third entry that you can use as the basis for your own link. That third entry helps decode the link syntax for you: there is placeholder text in there for "YourScriptName", "ParametersGoHere", and "Link Displays As This".
Changed line 52 from:
Just be sure to run the script "Compile Map Data and Settings" when you're done to see your changes in the map.
to:
Just be sure to refresh the map when you're done to see your changes in the map.
Changed lines 9-13 from:
This is done in the ProMaps file itself, on one of the Setup layouts. Navigate to "Setup" using the layout menu or from the "Settings" button on the home screen...
%center% %width=500% http://www.seedcode.com/rootimages/stikipad/gomaps/settings.png
...and select"Popover" from the tabs in the upper right. There you'll be able to change the field mapping and field labels on the popover.
%
...and select
to:
This is done in the ProMaps file itself, on one of the Setup layouts. Click on the Settings "gear" in the left hand side bar...
%newwin width=500% [[ http://www.seedcode.com/rootimages/stikipad/promaps2/settings.jpg | http://www.seedcode.com/rootimages/stikipad/promaps2/settings.jpg]]
...and select "Format the Popover" from the subsections available. There you'll be able to change the field mapping and field labels on the popover.
%newwin width=500% [[ http://www.seedcode.com/rootimages/stikipad/promaps2/settings.jpg | http://www.seedcode.com/rootimages/stikipad/promaps2/settings.jpg]]
...and select "Format the Popover" from the subsections available. There you'll be able to change the field mapping and field labels on the popover.
Changed lines 5-6 from:
%center% %width=500% http://www.seedcode.com/rootimages/stikipad/ProMaps/popover.png
to:
%center% %width=500% http://www.seedcode.com/rootimages/stikipad/gomaps/popover.png
Changed lines 11-12 from:
%center% %width=500% http://www.seedcode.com/rootimages/stikipad/ProMaps/settings.png
to:
%center% %width=500% http://www.seedcode.com/rootimages/stikipad/gomaps/settings.png
Changed line 21 from:
%center% http://www.seedcode.com/rootimages/stikipad/ProMaps/objectname.png
to:
%center% http://www.seedcode.com/rootimages/stikipad/gomaps/objectname.png
Changed lines 37-38 from:
Creating custom html for your popovers is best done by folks who are familiar editing html and javascript. SeedCode offers implementation packages to help with this if you get stuck.
to:
Creating custom html for your popovers is best done by folks who are familiar editing html and javascript. SeedCode offers %newwin% [[http://sites.fastspring.com/seedcode/product/implementationpackages | implementation packages]] to help with this if you get stuck.
Added lines 31-38:
'''Using a completely custom display'''
If field mapping won't let you get the popover display the way you'd like it, you can bypass that completely and write your own html for the popover, including fields from your properties table as you see fit.
To do this, edit the script "Compile Map Data" in ProMaps and find the last line where we edit the field "Properties::gm_MapData". Inside that calc you'll see a comment "HTML content for popup...": edit the html that follows and then run the script "Compile Map Data And Settings" to see your change take effect.
Creating custom html for your popovers is best done by folks who are familiar editing html and javascript. SeedCode offers implementation packages to help with this if you get stuck.
If field mapping won't let you get the popover display the way you'd like it, you can bypass that completely and write your own html for the popover, including fields from your properties table as you see fit.
To do this, edit the script "Compile Map Data" in ProMaps and find the last line where we edit the field "Properties::gm_MapData". Inside that calc you'll see a comment "HTML content for popup...": edit the html that follows and then run the script "Compile Map Data And Settings" to see your change take effect.
Creating custom html for your popovers is best done by folks who are familiar editing html and javascript. SeedCode offers implementation packages to help with this if you get stuck.
Changed line 54 from:
(:include PropertyImages:)
to:
(:include PropertyImages:)
Changed lines 3-4 from:
Popovers are the spites that come up when you click on a pin in the map:
to:
Popovers are the sprites that come up when you click on a pin in the map:
Changed lines 40-41 from:
to:
You'll see a third entry that you can use as the basis for your own link, and it also helps decode the link syntax for you: there is placeholder text in there for "YourScriptName", "ParametersGoHere", and "Link Displays As This".
Change those three values to your liking and you'll have your own link.
Just be sure to run the script "Compile Map Data and Settings" when you're done to see your changes in the map.
Change those three values to your liking and you'll have your own link.
Just be sure to run the script "Compile Map Data and Settings" when you're done to see your changes in the map.
Changed line 37 from:
-> //View a record \
to:
-> //View a record \\
Changed lines 37-41 from:
to:
-> //View a record \
"<a href=\"fmp://$/<<fileName>>?script=ViewPropertyRecord (propertyID)¶m=" & SC_EncodeEntities ($sc_propertyRecordID) & "\"" & sc_isHostedCheck & ">View Record</a>"
"<a href=\"fmp://$/<<fileName>>?script=ViewPropertyRecord (propertyID)¶m=" & SC_EncodeEntities ($sc_propertyRecordID) & "\"" & sc_isHostedCheck & ">View Record</a>"
Deleted lines 30-33:
dvdv
Changed lines 33-34 from:
to:
ProMaps ships with two links at the bottom of the popover: "View Record" and "Get Directions." Both links run FileMaker scripts and you can configure these (change their names, call new scripts, and add your own scripts) by editing the script "Compile Map Data".
Find the comment "Button Links" in that script and edit the next SetVariable line. You'll see each button called out in html with a FileMaker script associated with it. Here is what "View Record" looks like:
[@ //View a record
"<a href=\"fmp://$/<<fileName>>?script=ViewPropertyRecord (propertyID)¶m=" & SC_EncodeEntities ($sc_propertyRecordID) & "\"" & sc_isHostedCheck & ">View Record</a>" @]
Find the comment "Button Links" in that script and edit the next SetVariable line. You'll see each button called out in html with a FileMaker script associated with it. Here is what "View Record" looks like:
[@ //View a record
"<a href=\"fmp://$/<<fileName>>?script=ViewPropertyRecord (propertyID)¶m=" & SC_EncodeEntities ($sc_propertyRecordID) & "\"" & sc_isHostedCheck & ">View Record</a>" @]
Changed lines 25-26 from:
To change a field, just double click on one of the existing fields and select a new field from your properties table. To use a related field, create a calc for it in properties.
to:
-> To change a field, just double click on one of the existing fields and select a new field from your properties table. To use a related field, create a calc for it in properties.
Changed lines 31-32 from:
to:
'''Using a calc for more control'''
Changed lines 27-32 from:
To change a label, select an existing label and change the text in layout mode.
To get rid of a field, just delete it (and its label) from the layout.
'''Using a calc for more control'''
To get rid of a field, just delete it (and its label) from the layout.
'''Using a calc for more control'''
to:
-> To change a label, select an existing label and change the text in layout mode.
-> To get rid of a field, just delete it (and its label) from the layout.
-> '''Using a calc for more control'''
-> To get rid of a field, just delete it (and its label) from the layout.
-> '''Using a calc for more control'''
Changed lines 19-20 from:
Before you get started, note that every field and label on this layout has a object name...
to:
Before you get started, note that every field and label on this layout has a object name. The object name of the selected object below is "DataOption1"...
Changed lines 23-25 from:
...
to:
...and without these names, none of this works. So the work you'll do editing this layout is in renaming and repointing the fields and field labels already on the layout, rather than adding new objects to the layout. You won't change the object names themselves but will point the fields to new fields and change the text of the labels.
To change a field, just double click on one of the existing fields and select a new field from your properties table. To use a related field, create a calc for it in properties.
To change a label, select an existing label and change the text in layout mode.
To get rid of a field, just delete it (and its label) from the layout.
To change a field, just double click on one of the existing fields and select a new field from your properties table. To use a related field, create a calc for it in properties.
To change a label, select an existing label and change the text in layout mode.
To get rid of a field, just delete it (and its label) from the layout.
Changed lines 17-18 from:
to:
By manipulating the fields on this Popover Setup layout you can change which fields show up the map popover: changing not just the fields, but their labels as well.
Before you get started, note that every field and label on this layout has a object name...
%center% http://www.seedcode.com/rootimages/stikipad/ProMaps/objectname.png
...
Before you get started, note that every field and label on this layout has a object name...
%center% http://www.seedcode.com/rootimages/stikipad/ProMaps/objectname.png
...
Added lines 1-6:
!! What's a popover?
Popovers are the spites that come up when you click on a pin in the map:
%center% %width=500% http://www.seedcode.com/rootimages/stikipad/ProMaps/popover.png
Popovers are the spites that come up when you click on a pin in the map:
%center% %width=500% http://www.seedcode.com/rootimages/stikipad/ProMaps/popover.png
Changed lines 3-4 from:
to:
This is done in the ProMaps file itself, on one of the Setup layouts. Navigate to "Setup" using the layout menu or from the "Settings" button on the home screen...
%center% %width=500% http://www.seedcode.com/rootimages/stikipad/ProMaps/settings.png
...and select "Popover" from the tabs in the upper right. There you'll be able to change the field mapping and field labels on the popover.
%center% %width=500% http://www.seedcode.com/rootimages/stikipad/ProMaps/settings.png
...and select "Popover" from the tabs in the upper right. There you'll be able to change the field mapping and field labels on the popover.
Deleted lines 12-13:
Changed lines 15-17 from:
>> coming soon
to:
>> coming soon
(:include PropertyImages:)
(:include PropertyImages:)