![]() ![]() The table you are sourcing information in the element from must contain an attachment field in order to use this option. The first option is to select an image field. This includes setting an image field up to be a thumbnail for calendar events, changing the fit of those images, choosing which fields should be visible in the event's record, coloring the records by a single select field or conditions, and finally choosing whether or not to show the element's name/label. Appearanceįinally, you can also customize the appearance of the calendar. You can even create a Filter element to allow collaborators interacting with this interface to set their own filters for the calendar. ![]() If there are any other filters or sorts you would like to add to the calendar, then you can add those now. Lastly in this section, you can choose to enable the "Set for all visits" toggle which will reset the Position and Timescale to the settings you've configured each time the interface is visited or reloaded. You can also set the "Timescale" of the calendar. The "Position" field can be set in three ways: These options can be changed by the interface user, but it may be helpful to think of the way your team will be interacting with this calendar element. The "Initial view" section allows you to set up the way that the calendar will initially appear to collaborators opening the interface. You can also click the "Use an additional date field" option to add more event dates to the same calendar element. ![]() Every calendar needs at least one date field to use in the "Start date field." However, the "End date field" is optional. The "Date settings" section drop-down will show a menu of additional options to customize. The "Copy from view" option will allow you to copy over settings you've already created in a view from your base. Then, you'll decide which data to show in the calendar. In this case, we will choose the "Design projects" table as our source. Next, you'll want to choose a source for your calendar. If you want to change the name of the calendar, then click the pencil icon near the top to edit that. The "Properties" box allows you to customize the Source, Data, and Appearance of the calendar. Now that you've placed the calendar element, you'll need to configure the calendar. The Editable setting allows users interacting with the interface to add, edit, or delete records in the view element. Next up, you'll need to configure the calendar's properties so that it performs and looks the way you want it to.Don't worry if it isn't in perfect positioning yet, as you can always move the element later. You'll then place the element somewhere in the layout of your interface page.Find the Calendar element by clicking + Add element in the lower left portion of the interface editor.If this is the first time you've added elements to an interface, please consult this help article first.Configuring elements in interfaces - A broad understanding of interface elements.Adding and removing elements in interfaces - The basics of elements in interfaces. ![]() Interface Designer overview - A general overview of the Interface Designer feature."Owner" or "Creator" permissions are needed to create interfaces as described in the article below Platform(s) Web/Browser, Mac app, and Windows app Related reading.Please consult this support article for a breakdown of Interface Designer permissions. Introduction Plan availability All plan types/levels Permissions We'll cover the setup and functionality of the Calendar element below. This provides a visually pleasing way of seeing projects and tasks over time, planning out sprints, coordinating events, and much more. The Calendar element in Interface Designer functions and appears similar to the Calendar view in an Airtable base. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |