Element<\/th>\n	A basic building block of a page, defined by a particular ‘html tag’, e.g. a paragraph (<p><\/p>), image (<img><\/img>) or division (<div><\/div>). There are a fixed number of elements allowed in html.<\/td>\n<\/tr>\n
Component<\/th>\n	A particular element or set of elements that perform a particular function and can be reused. For example, the ‘Text in 2 columns’ component is made up of three ‘division’ elements: one division for each column, and a larger division that holds the two columns together. This larger division is sometimes called a ‘container’ element, though in reality it is exactly the same type of element as the two columns. When you insert the ‘Text in 2 columns’ component into your page, all three of these elements are inserted in the correct way, with some default ‘styling’ to make sure that the larger division behaves as a ‘container’ and the two smaller divisions behave as ‘columns’.<\/td>\n<\/tr>\n<\/table>\n If you understand this, then you can answer the challenge above. To turn a two-column layout into a three column layout, simply add another element inside<\/em> the container. Hover over the container element (whose name is ‘2 Columns’ in the example), and click ‘Insert’. ‘Simple text box’ is the most logical choice for your third column, though if you wanted your third column itself to be divided into two columns, you could add a ‘Text in 2 columns’ layout. Or perhaps you would like your third column to be an interactive widget\u2014in which case, you should proceed to part three of the tutorial.<\/p>\n[\/et_pb_tab][et_pb_tab title=”Step 3: Add Interactive Content: Heurist Widgets” _builder_version=”4.14.4″ _module_preset=”default” hover_enabled=”0″ global_colors_info=”{}” sticky_enabled=”0″]\n A quick introduction to flexbox<\/h2>\n In this section of the tutorial, I suggest you use ‘flex layout’ to make your widgets appear neatly on screen. ‘Flex layout’ is one of the four main layout patterns on the web, along with ‘inline layout’, ‘block layout’ and ‘grid layout’. If you are going to spend time building webpages, it is really worth your while understanding the basics of what ‘flex layout’ does. In order of difficulty, here are three resources I recommend you check out:<\/p>\n \n I know nothing!<\/strong> CSS Flexbox in 100 Seconds<\/a>, courtesy of Fireship.io<\/a>.<\/li>\n I need some tips:<\/strong> A Complete Guide to Flexbox<\/a>, at CSS-Tricks.com.<\/li>\n I need the full documentation:<\/strong> flex reference<\/a>, from MDN Web Docs<\/li>\n<\/ul>\n If you choose ‘flex layout’ for an element\/box in your Heurist webpage, then all the items inside<\/em> the element\/box will be layed out according to the rules of flexbox. Heurist provides you tools for choosing attributes such as the ‘main axis alignment’ and ‘cross axis alignment’ without needing to type any CSS code.<\/p>\n Create a Page to ‘Explore the Database’<\/h2>\n For the sake of this tutorial, I show you how to create a new page to allow visitors to explore your database. In fact, we already provide a template for this kind of page. You will see that every new Heurist site comes with a ‘Discover’ page that allows visitors to search the site, see a list of results, and also visualise the results on a map\/timeline. As you develop your site, however, you will likely want to have multiple discover pages, each of which is formatted precisely for the needs of your project. Thus in this exercise, we will create a new ‘Explore the Database’ page from scratch.<\/p>\n In the first part of the tutorial, I created a new page for ‘What is a World Leader?’ which was nested under ‘Overview’. For this exercise, I instead create a ‘top level page’ which will have its own button in the website menu. To do this, hover next to ‘Home Page’ in the website treeview and click the ‘+’ icon:<\/p>\n $\"\"$ <\/a><\/p>\n Insert ‘Group’ Component as container for the widgets<\/h2>\n Now we have a new page, we need somewhere to put the widgets we would like to use. We are going to use two widgets for this page:<\/p>\n \n Saved Filters<\/strong>: This widget allows you to put a filter you have predefined in the Explore menu onto your website. For a public website, the best kind of filter to use is generally a ‘faceted search’, and that’s what I do in this video. A ‘faceted search’ is a customised search box created by you. You decide which type of record you would like people to be able to search (e.g. Persons), and then choose which fields you would like people to be able to use for the search (e.g. Family Name(s), Age, Occupation). Heurist will generate a search interface for you, and you have lots of control over how the search interface looks and behaves. Read the help page on the ‘facets builder’ for more details<\/a>.<\/li>\n Map and Timeline<\/strong>: This widget collects whatever results are produced by other widgets on the page, and displays them on an interactive map with a timeline underneath. Of course, this means it can only display records that have some spatial or temporal data associated with them. Most users are happy to let the Map and Timeline widget use its default settings, so normally there is very little you need to do to make this widget work as you desire.<\/li>\n<\/ul>\n Since we have two widgets that interact with one another we would ideally like to put them side-by-side. The visitor to the site will type some search terms into the faceted search to the left, and the results will automatically appear on the map and timeline to the right.<\/p>\n We could create this layout using to the ‘Text in 2 Columns’ layout I introduced in part 2 of the tutorial, but for the sake of learning, here I show you a different method. We are going to insert a generalised ‘Group’ component as the container for our widgets, and then adjust some of its settings so it lays the widgets out next to one another.<\/p>\n First insert the ‘Group’ component as a top-level component of the page. ‘Group’ is the first option under ‘Containers’ in the library of components you can insert:<\/p>\n $\"\"$ <\/a><\/p>\n The Group component includes a ‘Text’ component inside it by default. Since I don’t need this element, I delete it from the webpage:<\/p>\n $\"\"$ <\/a><\/p>\n Add the Widgets to the ‘Group’ Container<\/h2>\n Now I have the ‘Group’ element on the page, I add my two widgets.<\/p>\n The Saved Filters Widget<\/h3>\n First I add the ‘Saved Filters’ widget to the ‘Group’:<\/p>\n $\"\"$ <\/a><\/p>\n Now I need to configure the ‘Saved Filters’ widget to tell it which filter(s) I want it to use. To access the widget settings, I go to the ‘style’ tool for the element. In Part 2 of the Tutorial, I showed you how to access the ‘style’ tool from the treeview. You can also access it from the preview, by hovering over an element and clicking the cog in the top left:<\/p>\n $\"\"$ <\/a><\/p>\n In the style tool, there is a button for ‘widget configure’, which allows me to control the behavious of the widget:<\/p>\n $\"\"$ <\/a><\/p>\n In this case, I have already predefined a particular ‘faceted search’ that I would like to use for this page. So I click the button to ‘Choose specific filters’, and select ‘World Leaders Facet’ from the list of available filters:<\/p>\n $\"\"$ <\/a><\/p>\n After clicking ‘Apply’ and ‘Save’, the Saved Filters widget is ready to use. Now I just need some other widget on the page to display the results of the search.<\/p>\n The Map and Timeline Widget<\/h3>\n To insert the Map and Timeline widget, I follow exactly the same steps as before. I click the ‘+’ icon next to ‘Group’ to insert the widget inside<\/em> the Group element. Then I choose ‘Map and Timeline’ from the list. In this case, there is no need to configure the widget, as the default settings are perfectly appropriate.<\/p>\n Improving the Layout<\/h2>\n After inserting the Map and Timeline, there is a problem. The Map is invisible! There is a technical underlying reason for this, which is not so important. But basically the problem is that the Map and Timeline is being squashed by the Saved Filters. To fix this problem, we need to adjust the settings for the ‘Group’ element so that it allocates the right amount of space to each element inside it.<\/p>\n The best way to do this is to turn the ‘Group’ element into a flexbox (see above). If we turn it into a flexbox, then we can easily control the size and orientation of the items inside it.<\/p>\n To do this, open the style tool on the Group element, and change Layout: Simple to Layout: Flex.<\/a> Then choose the following settings:<\/p>\n \n Direction:<\/strong> Row (the default option). This probably seems wrong! Don’t we want the group to have two columns<\/em>? But this is exactly why the group<\/em> should be a row<\/em>. We want the group<\/em> of items to run from left to right, so that each item inside<\/em> the group becomes a column. If we set the group to be a column, then the widgets would run from the top of the page to the bottom.<\/li>\n* 1. Item proportion:<\/strong> 1. This says to allocate ‘1 part’ of the ‘group’ flexbox to the first item inside it. The first item is the ‘Saved filters’ widget.<\/li>\n 2. Item proportion:<\/strong> 2. This says to allocate ‘2 parts’ of the ‘group’ flexbox to the second item inside it. This second item is the ‘Map and Timeline’ widget.<\/li>\n<\/ul>\n As you can see, the ‘item proportion’ attribute works a bit like a recipe. To make porridge, you add ‘1 part oats to every 2 parts milk’. Likewise, to allocate space inside this group, we allocate ‘1 part of item 1 to every 2 parts of item 2’, meaning that item 2 will be twice as wide as item one.<\/p>\n Taken together, these settings tell the computer to lay out the group sideways as a row, allocating 1\/3 of the space to the first column and 2\/3 of the space to the second column. To get a feeling for what the other settings, such as ‘wrap’ and ‘cross axis alignment’ do, check out the resources at the top of this section, or add some more elements to the ‘group’ and play around with the settings to see what happens.<\/p>\n $\"\"$ <\/a><\/p>\n Once you have set up the ‘flex’ layout of the group, you should see the complete page below. Heurist does a lot of the hard work for you, and automatically links the two widgets together. Simply type a query into the ‘faceted search’, and the map should automatically update.<\/p>\n $\"\"$ <\/a><\/p>\n *<\/a>For html\/CSS users: this changes the ‘display’ property of the ‘div’ from ‘block’ to ‘flex’.[\/et_pb_tab][\/et_pb_tabs][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=”1″ disabled_on=”off\|off\|off” _builder_version=”4.10.7″ _module_preset=”default” background_color=”#F4F2F4″ global_colors_info=”{}”][et_pb_row _builder_version=”4.10.7″ _module_preset=”default” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.10.7″ _module_preset=”default” global_colors_info=”{}”][et_pb_text _builder_version=”4.11.3″ _module_preset=”default” global_colors_info=”{}”]\n Next Tutorial: The Admin Menu<\/h2>\n[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=”3_5,2_5″ _builder_version=”4.10.7″ _module_preset=”default” global_colors_info=”{}”][et_pb_column type=”3_5″ _builder_version=”4.10.7″ _module_preset=”default” global_colors_info=”{}”][et_pb_text _builder_version=”4.11.3″ _module_preset=”default” global_colors_info=”{}”]Take our next tutorial to learn how to use Heurist’s Admin menu. The Admin menu allows you to control who can access your database, and also provides some high-level tools for verifying and managing all your Heurist databases.[\/et_pb_text][\/et_pb_column][et_pb_column type=”2_5″ _builder_version=”4.10.7″ _module_preset=”default” global_colors_info=”{}”][et_pb_button button_url=”@ET-DC@eyJkeW5hbWljIjp0cnVlLCJjb250ZW50IjoicG9zdF9saW5rX3VybF9wYWdlIiwic2V0dGluZ3MiOnsicG9zdF9pZCI6IjI2MDU5In19@” button_text=”Forward to Tutorial 8″ button_alignment=”right” disabled_on=”off\|off\|off” admin_label=”Tutorial 8 Button” _builder_version=”4.13.0″ _dynamic_attributes=”button_url” _module_preset=”default” custom_button=”on” button_icon=”$\|\|divi\|\|400″ button_on_hover=”off” locked=”off” global_colors_info=”{}”][\/et_pb_button][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=”1″ _builder_version=”4.10.7″ _module_preset=”default” background_color=”RGBA(0,0,0,0)” global_module=”25606″ saved_tabs=”all” global_colors_info=”{}”][et_pb_row _builder_version=”4.10.7″ _module_preset=”default” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.10.7″ _module_preset=”default” global_colors_info=”{}”][et_pb_text _builder_version=”4.10.7″ _module_preset=”default” global_colors_info=”{}”]\n Our Tutorials<\/h2>\n[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=”1_4,3_4″ admin_label=”List of tutorials” module_id=”tutoriallist” _builder_version=”4.10.7″ _module_preset=”default” global_colors_info=”{}”][et_pb_column type=”1_4″ _builder_version=”4.10.7″ _module_preset=”default” global_colors_info=”{}”][et_pb_text _builder_version=”4.11.1″ _module_preset=”default” global_colors_info=”{}”]\n Do you need help with something else? Contact Us<\/a>, and let us know what additional tutorials you think we should provide.<\/p>\n[\/et_pb_text][\/et_pb_column][et_pb_column type=”3_4″ _builder_version=”4.10.7″ _module_preset=”default” global_colors_info=”{}”][et_pb_button button_url=”@ET-DC@eyJkeW5hbWljIjp0cnVlLCJjb250ZW50IjoicG9zdF9saW5rX3VybF9wYWdlIiwic2V0dGluZ3MiOnsicG9zdF9pZCI6IjI1NTkwIn19@” button_text=”Tutorial 1 \| Create Your First Database” admin_label=”Tutorial 1″ _builder_version=”4.11.2″ _dynamic_attributes=”button_url” _module_preset=”default” global_colors_info=”{}”][\/et_pb_button][et_pb_button button_url=”@ET-DC@eyJkeW5hbWljIjp0cnVlLCJjb250ZW50IjoicG9zdF9saW5rX3VybF9wYWdlIiwic2V0dGluZ3MiOnsicG9zdF9pZCI6IjI1NTc2In19@” button_text=”Tutorial 2 \| Modify the Structure” admin_label=”Tutorial 2″ _builder_version=”4.11.2″ _dynamic_attributes=”button_url” _module_preset=”default” global_colors_info=”{}”][\/et_pb_button][et_pb_button button_url=”@ET-DC@eyJkeW5hbWljIjp0cnVlLCJjb250ZW50IjoicG9zdF9saW5rX3VybF9wYWdlIiwic2V0dGluZ3MiOnsicG9zdF9pZCI6IjM5NzgifX0=@” button_text=”Tutorial 3 \| Create Relationships Between Records” admin_label=”Tutorial 3″ _builder_version=”4.11.2″ _dynamic_attributes=”button_url” _module_preset=”default” global_colors_info=”{}”][\/et_pb_button][et_pb_button button_url=”@ET-DC@eyJkeW5hbWljIjp0cnVlLCJjb250ZW50IjoicG9zdF9saW5rX3VybF9wYWdlIiwic2V0dGluZ3MiOnsicG9zdF9pZCI6IjI1OTc1In19@” button_text=”Tutorial 4 \| The Explore Menu” admin_label=”Tutorial 4″ _builder_version=”4.11.2″ _dynamic_attributes=”button_url” _module_preset=”default” locked=”off” global_colors_info=”{}”][\/et_pb_button][et_pb_button button_url=”@ET-DC@eyJkeW5hbWljIjp0cnVlLCJjb250ZW50IjoicG9zdF9saW5rX3VybF9wYWdlIiwic2V0dGluZ3MiOnsicG9zdF9pZCI6IjI2MDU3In19@” button_text=”Tutorial 5 \| The Design Menu” admin_label=”Tutorial 5″ _builder_version=”4.11.2″ _dynamic_attributes=”button_url” _module_preset=”default” locked=”off” global_colors_info=”{}”][\/et_pb_button][et_pb_button button_url=”@ET-DC@eyJkeW5hbWljIjp0cnVlLCJjb250ZW50IjoicG9zdF9saW5rX3VybF9wYWdlIiwic2V0dGluZ3MiOnsicG9zdF9pZCI6IjI2MDYyIn19@” button_text=”Tutorial 6 \| The Populate Menu” admin_label=”Tutorial 6″ _builder_version=”4.11.4″ _dynamic_attributes=”button_url” _module_preset=”default” locked=”off” global_colors_info=”{}”][\/et_pb_button][et_pb_button button_url=”@ET-DC@eyJkeW5hbWljIjp0cnVlLCJjb250ZW50IjoicG9zdF9saW5rX3VybF9wYWdlIiwic2V0dGluZ3MiOnsicG9zdF9pZCI6IjI2MDY0In19@” button_text=”Tutorial 7 \| The Publish Menu” admin_label=”Tutorial 7″ _builder_version=”4.14.4″ _dynamic_attributes=”button_url” _module_preset=”default” locked=”off” global_colors_info=”{}”][\/et_pb_button][et_pb_button button_url=”@ET-DC@eyJkeW5hbWljIjp0cnVlLCJjb250ZW50IjoicG9zdF9saW5rX3VybF9wYWdlIiwic2V0dGluZ3MiOnsicG9zdF9pZCI6IjI2MDU5In19@” button_text=”Tutorial 8 \| The Admin Menu” admin_label=”Tutorial 8″ _builder_version=”4.11.4″ _dynamic_attributes=”button_url” _module_preset=”default” locked=”off” global_colors_info=”{}”][\/et_pb_button][\/et_pb_column][\/et_pb_row][\/et_pb_section]\n<\/span>","protected":false},"excerpt":{"rendered":" Tutorial 7 \| The Publish Menu Heurist is not merely a databasing or data management tool. It is also a fully-featured data publishing tool. Using the Publish menu, you can […]<\/p>\n","protected":false},"author":7,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":" In order to create a database you need to register as a Heurist User. You can then create and register one or more databases, either from scratch or based on an existing database structure. The creator of a database becomes the database owner and can manage the database and other database users.<\/p> Register as a User<\/h4> Registering as a Heurist user is quick and easy, and free. Register as a user (once) via the Heurist Server Page<\/a>:<\/p> $\"OVHome\"$ <\/a><\/p> Once your registration is confirmed you can start creating databases.<\/p> Getting Information<\/h4> Comprehensive help on building databases is available from this online help and short introductory videos. In addition, you have access to a number of exemplar databases as well as a public database (the 'Sandpit') to play in.<\/p> Create a New Database<\/h4> Design and create single-user or multiple-user databases without any programming experience. Your database can be as simple or as complex as you like.<\/p> Databases are created on the same server as the current database.<\/p> If you start from our Heurist Server<\/a>, your database(s) can later be migrated intact to your own server or a hosted solution such as a commercial server or cloud service.<\/p> Register Database<\/h4> Optionally register your database with the central Heurist Index.<\/p> The Heurist Index is a repository of publicly-available Heurist databases (containing\u00a0 predefined database structures of record and field type definitions) that are either:<\/p> Curated Databases. Created by the Heurist team and 'community servers\u2019 such as HuNI (Humanities Network Infrastructure) and FAIMS (Federated Archaeological Information Management System). These contain well-developed and useful collections of elements or 'schemas'.<\/li> Registered Databases. Created and registered by individuals and project teams.<\/li><\/ul> This makes the database discoverable by other Heurist database owners, who can find and download record, field and term definitions from your database (see Import Structure below).<\/p> Import Structure<\/h4> You can browse the Heurist Index of registered databases to find and import an existing database structure (schema of pre-defined record definitions) and tailor this to your needs. This helps to fast-track the creation of new databases and promotes the generation of compatible data.<\/p> You can choose which suitable pre-defined record definitions to import.<\/p> Manage Database<\/h4> Heurist provides a range of database administration tools for managing and validating your database, including:<\/p> Copy, clear, delete, and transfer databases.<\/li> Carry out complex database analytical and procedural tasks if required, such as: Validate database integrity.<\/li> Cleanse data.<\/li> Access page history.<\/li> Verify and flag broken URLs.<\/li> Clear locks.<\/li><\/ul><\/li><\/ul> Manage Users and Workgroups<\/h4> Tools are available for controlling user and group access to your database.<\/p> By default, the creator of the database becomes the database owner and member of the primary Database Owners Workgroup. As owner, you can then create additional workgroups and users and add users to any workgroup. Users can belong to multiple workgroups.<\/p> You can tailor access permissions for users within different workgroups.<\/p>","_et_gb_content_width":"","footnotes":""},"yoast_head":"\nTutorial 7 \| The Publish Menu - Heurist Network<\/title>\n<meta name=\"description\" content=\"Follow our tutorials to get started with Heurist. In this tutorial, learn how to build an interactive project website from the Publish menu.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/heuristnetwork.org\/tutorial-7-publish-menu\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Tutorial 7 \| The Publish Menu - Heurist Network\" \/>\n<meta property=\"og:description\" content=\"Follow our tutorials to get started with Heurist. In this tutorial, learn how to build an interactive project website from the Publish menu.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/heuristnetwork.org\/tutorial-7-publish-menu\/\" \/>\n<meta property=\"og:site_name\" content=\"Heurist Network\" \/>\n<meta property=\"article:modified_time\" content=\"2022-01-12T04:13:40+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/heuristnetwork.org\/wp-content\/uploads\/2022\/01\/Tutorial-7-1-1-Create-1024x640.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@HeuristNetwork\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"9 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/heuristnetwork.org\/tutorial-7-publish-menu\/\",\"url\":\"https:\/\/heuristnetwork.org\/tutorial-7-publish-menu\/\",\"name\":\"Tutorial 7 \| The Publish Menu - Heurist Network\",\"isPartOf\":{\"@id\":\"https:\/\/heuristnetwork.org\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/heuristnetwork.org\/tutorial-7-publish-menu\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/heuristnetwork.org\/tutorial-7-publish-menu\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/heuristnetwork.org\/wp-content\/uploads\/2022\/01\/Tutorial-7-1-1-Create-1024x640.png\",\"datePublished\":\"2021-10-13T05:34:55+00:00\",\"dateModified\":\"2022-01-12T04:13:40+00:00\",\"description\":\"Follow our tutorials to get started with Heurist. In this tutorial, learn how to build an interactive project website from the Publish menu.\",\"breadcrumb\":{\"@id\":\"https:\/\/heuristnetwork.org\/tutorial-7-publish-menu\/#breadcrumb\"},\"inLanguage\":\"en\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/heuristnetwork.org\/tutorial-7-publish-menu\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en\",\"@id\":\"https:\/\/heuristnetwork.org\/tutorial-7-publish-menu\/#primaryimage\",\"url\":\"https:\/\/heuristnetwork.org\/wp-content\/uploads\/2022\/01\/Tutorial-7-1-1-Create.png\",\"contentUrl\":\"https:\/\/heuristnetwork.org\/wp-content\/uploads\/2022\/01\/Tutorial-7-1-1-Create.png\",\"width\":2880,\"height\":1800},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/heuristnetwork.org\/tutorial-7-publish-menu\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/heuristnetwork.org\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Tutorial 7 \| The Publish Menu\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/heuristnetwork.org\/#website\",\"url\":\"https:\/\/heuristnetwork.org\/\",\"name\":\"Heurist Network\",\"description\":\"Building a community of Heurist users\",\"publisher\":{\"@id\":\"https:\/\/heuristnetwork.org\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/heuristnetwork.org\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/heuristnetwork.org\/#organization\",\"name\":\"Heurist\",\"url\":\"https:\/\/heuristnetwork.org\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en\",\"@id\":\"https:\/\/heuristnetwork.org\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/heuristnetwork.org\/wp-content\/uploads\/2015\/01\/HeuristFaviconTransparant.png\",\"contentUrl\":\"https:\/\/heuristnetwork.org\/wp-content\/uploads\/2015\/01\/HeuristFaviconTransparant.png\",\"width\":66,\"height\":66,\"caption\":\"Heurist\"},\"image\":{\"@id\":\"https:\/\/heuristnetwork.org\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/x.com\/HeuristNetwork\",\"https:\/\/www.youtube.com\/channel\/UCuXxTPFSyqoPRoEb5HzDiBw\",\"https:\/\/en.wikipedia.org\/wiki\/Heurist\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Tutorial 7 \| The Publish Menu - Heurist Network","description":"Follow our tutorials to get started with Heurist. In this tutorial, learn how to build an interactive project website from the Publish menu.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/heuristnetwork.org\/tutorial-7-publish-menu\/","og_locale":"en_US","og_type":"article","og_title":"Tutorial 7 \| The Publish Menu - Heurist Network","og_description":"Follow our tutorials to get started with Heurist. In this tutorial, learn how to build an interactive project website from the Publish menu.","og_url":"https:\/\/heuristnetwork.org\/tutorial-7-publish-menu\/","og_site_name":"Heurist Network","article_modified_time":"2022-01-12T04:13:40+00:00","og_image":[{"url":"https:\/\/heuristnetwork.org\/wp-content\/uploads\/2022\/01\/Tutorial-7-1-1-Create-1024x640.png"}],"twitter_card":"summary_large_image","twitter_site":"@HeuristNetwork","twitter_misc":{"Est. reading time":"9 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/heuristnetwork.org\/tutorial-7-publish-menu\/","url":"https:\/\/heuristnetwork.org\/tutorial-7-publish-menu\/","name":"Tutorial 7 \| The Publish Menu - Heurist Network","isPartOf":{"@id":"https:\/\/heuristnetwork.org\/#website"},"primaryImageOfPage":{"@id":"https:\/\/heuristnetwork.org\/tutorial-7-publish-menu\/#primaryimage"},"image":{"@id":"https:\/\/heuristnetwork.org\/tutorial-7-publish-menu\/#primaryimage"},"thumbnailUrl":"https:\/\/heuristnetwork.org\/wp-content\/uploads\/2022\/01\/Tutorial-7-1-1-Create-1024x640.png","datePublished":"2021-10-13T05:34:55+00:00","dateModified":"2022-01-12T04:13:40+00:00","description":"Follow our tutorials to get started with Heurist. In this tutorial, learn how to build an interactive project website from the Publish menu.","breadcrumb":{"@id":"https:\/\/heuristnetwork.org\/tutorial-7-publish-menu\/#breadcrumb"},"inLanguage":"en","potentialAction":[{"@type":"ReadAction","target":["https:\/\/heuristnetwork.org\/tutorial-7-publish-menu\/"]}]},{"@type":"ImageObject","inLanguage":"en","@id":"https:\/\/heuristnetwork.org\/tutorial-7-publish-menu\/#primaryimage","url":"https:\/\/heuristnetwork.org\/wp-content\/uploads\/2022\/01\/Tutorial-7-1-1-Create.png","contentUrl":"https:\/\/heuristnetwork.org\/wp-content\/uploads\/2022\/01\/Tutorial-7-1-1-Create.png","width":2880,"height":1800},{"@type":"BreadcrumbList","@id":"https:\/\/heuristnetwork.org\/tutorial-7-publish-menu\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/heuristnetwork.org\/"},{"@type":"ListItem","position":2,"name":"Tutorial 7 \| The Publish Menu"}]},{"@type":"WebSite","@id":"https:\/\/heuristnetwork.org\/#website","url":"https:\/\/heuristnetwork.org\/","name":"Heurist Network","description":"Building a community of Heurist users","publisher":{"@id":"https:\/\/heuristnetwork.org\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/heuristnetwork.org\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en"},{"@type":"Organization","@id":"https:\/\/heuristnetwork.org\/#organization","name":"Heurist","url":"https:\/\/heuristnetwork.org\/","logo":{"@type":"ImageObject","inLanguage":"en","@id":"https:\/\/heuristnetwork.org\/#\/schema\/logo\/image\/","url":"https:\/\/heuristnetwork.org\/wp-content\/uploads\/2015\/01\/HeuristFaviconTransparant.png","contentUrl":"https:\/\/heuristnetwork.org\/wp-content\/uploads\/2015\/01\/HeuristFaviconTransparant.png","width":66,"height":66,"caption":"Heurist"},"image":{"@id":"https:\/\/heuristnetwork.org\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/x.com\/HeuristNetwork","https:\/\/www.youtube.com\/channel\/UCuXxTPFSyqoPRoEb5HzDiBw","https:\/\/en.wikipedia.org\/wiki\/Heurist"]}]}},"_links":{"self":[{"href":"https:\/\/heuristnetwork.org\/wp-json\/wp\/v2\/pages\/26064"}],"collection":[{"href":"https:\/\/heuristnetwork.org\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/heuristnetwork.org\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/heuristnetwork.org\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/heuristnetwork.org\/wp-json\/wp\/v2\/comments?post=26064"}],"version-history":[{"count":23,"href":"https:\/\/heuristnetwork.org\/wp-json\/wp\/v2\/pages\/26064\/revisions"}],"predecessor-version":[{"id":26692,"href":"https:\/\/heuristnetwork.org\/wp-json\/wp\/v2\/pages\/26064\/revisions\/26692"}],"wp:attachment":[{"href":"https:\/\/heuristnetwork.org\/wp-json\/wp\/v2\/media?parent=26064"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

Warning: session_start() expects parameter 1 to be array, string given in /home/heuristn/public_html/wp-includes/class-wp-hook.php on line 324

Warning: Cannot modify header information - headers already sent by (output started at /home/heuristn/public_html/wp-includes/class-wp-hook.php:324) in /home/heuristn/public_html/wp-includes/rest-api/class-wp-rest-server.php on line 1831

Warning: Cannot modify header information - headers already sent by (output started at /home/heuristn/public_html/wp-includes/class-wp-hook.php:324) in /home/heuristn/public_html/wp-includes/rest-api/class-wp-rest-server.php on line 1831

Warning: Cannot modify header information - headers already sent by (output started at /home/heuristn/public_html/wp-includes/class-wp-hook.php:324) in /home/heuristn/public_html/wp-includes/rest-api/class-wp-rest-server.php on line 1831

Warning: Cannot modify header information - headers already sent by (output started at /home/heuristn/public_html/wp-includes/class-wp-hook.php:324) in /home/heuristn/public_html/wp-includes/rest-api/class-wp-rest-server.php on line 1831

Warning: Cannot modify header information - headers already sent by (output started at /home/heuristn/public_html/wp-includes/class-wp-hook.php:324) in /home/heuristn/public_html/wp-includes/rest-api/class-wp-rest-server.php on line 1831

Warning: Cannot modify header information - headers already sent by (output started at /home/heuristn/public_html/wp-includes/class-wp-hook.php:324) in /home/heuristn/public_html/wp-includes/rest-api/class-wp-rest-server.php on line 1831

Warning: Cannot modify header information - headers already sent by (output started at /home/heuristn/public_html/wp-includes/class-wp-hook.php:324) in /home/heuristn/public_html/wp-includes/rest-api/class-wp-rest-server.php on line 1831

Warning: Cannot modify header information - headers already sent by (output started at /home/heuristn/public_html/wp-includes/class-wp-hook.php:324) in /home/heuristn/public_html/wp-includes/rest-api/class-wp-rest-server.php on line 1831
{"id":26064,"date":"2021-10-13T15:34:55","date_gmt":"2021-10-13T05:34:55","guid":{"rendered":"https:\/\/heuristnetwork.org\/?page_id=26064"},"modified":"2022-01-12T14:13:40","modified_gmt":"2022-01-12T04:13:40","slug":"tutorial-7-publish-menu","status":"publish","type":"page","link":"https:\/\/heuristnetwork.org\/tutorial-7-publish-menu\/","title":{"rendered":"Tutorial 7 | The Publish Menu"},"content":{"rendered":"[et_pb_section fb_built=”1″ admin_label=”section” _builder_version=”3.22″ background_color=”#2c3e50″ transparent_background=”off” locked=”off” global_colors_info=”{}”][et_pb_row column_structure=”2_3,1_3″ admin_label=”row” _builder_version=”3.25″ background_size=”initial” background_position=”top_left” background_repeat=”repeat” global_colors_info=”{}”][et_pb_column type=”2_3″ _builder_version=”3.25″ custom_padding=”|||” global_colors_info=”{}” custom_padding__hover=”|||”][et_pb_text admin_label=”Use the Publish Menu” _builder_version=”4.11.3″ background_size=”initial” background_position=”top_left” background_repeat=”repeat” background_layout=”dark” use_border_color=”off” border_color=”#ffffff” border_style=”solid” global_colors_info=”{}”]\n

et_pb_video][et_pb_tabs disabled_on=”off|off|off” admin_label=”Tutorial 7 Walkthrough” module_id=”tutorial-walkthrough” _builder_version=”4.14.4″ _module_preset=”9fb9d0e2-ad46-47ae-8000-fba5b3796512″ hover_enabled=”0″ global_colors_info=”{}” sticky_enabled=”0″][et_pb_tab title=”Step 1: Create A Website” _builder_version=”4.14.4″ _module_preset=”default” global_colors_info=”{}”]\n

Creating A New Website<\/h2>\n
In the Publish menu, click ‘Create’ to create a new website. You can create as many websites as you like from your database. Many Heurist users do so, such as the researchers on the Expert Nation<\/a> nation project, who ran several smaller projects on the wartime service of Australian university students on a single central database.<\/p>\n
When you Create a new site, you will be asked whether to make it public or private. Many users prefer to have a private website until they are ready to show it to the world.<\/p>\n
If you ever wish to View one of your websites in the way the public will see it, you can click ‘View’ in the top left of the Publish menu.<\/p>\n
$\"\"$ <\/a><\/p>\n
Once you have created your website, it will appear onscreen as a ‘treeview’ and a ‘preview’.<\/p>\n
In the ‘treeview’ to the left, you can view information about the structure of the current page. In the ‘preview’ to the right, you can see a live version of the page. If you hover over an element of the page in either the ‘treeview’ or the ‘preview’, it will light up in both places.<\/p>\n
$\"\"$ <\/a><\/p>\n

Add a New Page to Your Site<\/h2>\n
To add a new page to your site, click the ‘Menu’ tab in the ‘treeview’ to the left. This will bring up the ‘treeview’ for your entire website. You will see a list of all the pages in the website, some of which are nested under others. This list of pages is used to generate the menu buttons at the top of your webpage.<\/p>\n
When you create a new Heurist website, we create a number of template webpages for you, such as ‘Project Background’, ‘Discover’ and ‘Content’. You may wish to use these pages as a framework, but you are free to rename, reorganise or remove them from the site as you wish.<\/p>\n
You can also add entirely new pages to the site. In the example from the tutorial, I create a new page nested under the ‘Overview’ page. To do this, hover over ‘Overview’ in the treeview of the website, and click the ‘+’ icon.<\/p>\n
$\"\"$ <\/a><\/p>\n
In the popup, you can choose a name for your site. We also provide some additional templates for more complex page layouts (e.g. for a blog page or a discover page). In the tutorial, I create a ‘Simple (blank) page’:<\/p>\n
$\"\"$ <\/a><\/p>\n

Edit Your New Page<\/h2>\n
When you create your new page, you will be taken to it straight away. To start editing it, simply click on the part of the page you wish to edit in the ‘preview’, and start typing as you would a Word or Google document. You will be prompted to save your work if you make any changes.<\/p>\n
$\"\"$ <\/a><\/p>\n

Change Website Settings<\/h2>\n
If you wish to edit settings for the website as a whole, you can do so under the ‘Menu’ tab in the ‘treeview’. The website settings give you great control over the look and feel of your entire website. In the tutorial, I demonstrate the two most basic settings: giving your website a title and a logo. But as you become more skilled in Heurist’s website builder, you can make even further adjustments, such as:<\/p>\n
\n
Make a private website public<\/li>\n
Change the site’s colour scheme<\/li>\n
Change the behaviour of individual pages (e.g. do you want pages to display the page title as a heading at the top of the page?)<\/li>\n
Create a custom header or footer with different information<\/li>\n
Create your own CSS template with custom fonts or layouts<\/li>\n<\/ul>\n
$\"\"$ <\/a><\/p>\n
In the simple case, however, you can simple stay on the first tab of the ‘settings’ screen, where you can type a new site title and upload a new logo. These will automatically appear in the header of all your webpages.<\/p>\n
$\"\"$ <\/a><\/p>\n
Where Heurist Stores Your Website<\/h2>\n
You may have noticed that when you create a website, a message appears onscreen: ‘Creating Website Records’. Likewise, you may have noticed that the ‘website settings’ popup looks exactly the same as the data entry form for a record in a Heurist database. This is because your website is stored in your database<\/em>, along with all your research data. After you create a website, you will notice a series of records in the database with new Record Types. Websites<\/em> have the type ‘CMS Home’, and the individual webpages<\/em> have the type ‘CMS Menu-Page’. When someone visits your site, Heurist looks up the website records in your database, and uses them to generate the webpages that visitors see.<\/p>\n
Because your website is stored within Heurist, it is backed up automatically along with your Heurist database, and could be migrated easily to another server if you ever neeed to move your database.<\/p>\n[\/et_pb_tab][et_pb_tab title=”Step 2: Format Your Website: The Box Model” _builder_version=”4.14.4″ _module_preset=”default” global_colors_info=”{}”]\n
A quick introduction to the box model<\/h2>\n
In this section of the tutorial, I briefly introduce the concept of the ‘box model’, which determines the layout of virtually all webpages on the internet. The ‘box model’ is the fundamental concept behind ‘Cascading Stylesheets’, or CSS, the programming language that web developers use to format their webpages. If you are going to spend time developing a website, you really should get to understand the box model\u2014it will make it so much easier to use Heurist’s tools, and will allow you eventually to write a little bit of html and CSS yourself if you want to go to the next level. Here are three resources I recommend for you to get started, in order of difficulty:<\/p>\n
\n
I know nothing!<\/strong> CSS in 100 Seconds<\/a>, from Fireship.io<\/a>. His YouTube channel<\/a> has many more excellent instructional videos.<\/li>\n
I need some tips:<\/strong> The CSS Box Model Tutorial<\/a>, from w3schools<\/a> (who offer lots of very useful tutorials \u2013 you might like to work through their html, CSS and JavaScript tutorials if you want to upskill as a web developer.<\/li>\n
I need the full documentation:<\/strong> CSS Box Model<\/a>, from the Mozilla Developer Network<\/a>, who provide the best and most thorough documentation for nearly all web technologies.<\/li>\n<\/ul>\n
You will see that Heurist allows you to alter the ‘boxes’ of each element on your webpage from within the interface, without doing any coding. The terminology used by the Heurist interface is the same as the terminology used in the CSS programming language, so as you become more adept at Heurist’s web editor, you will also be acquiring more general skills in the technologies of the web.<\/p>\n
Style an Individual Element<\/h2>\n
You can change the formatting of an individual element by hovering over it in the treeview and clicking ‘style’. (‘Style’ is webspeak for the appearance of webpages.)<\/p>\n
$\"\"$ <\/a><\/p>\n
In the style tool, you can adjust aspects of the element’s ‘box model’ directly onscreen. You can set a background color, the margins and borders, and the size of the element. You can also give the element a name to make the ‘treeview’ of the page easier for you to read\u2014the name has no impact on how the website appears to visitors.<\/p>\n
The element you are currently working on is highlighted by an animated blue border. If you change the element in any way, the changes are immediately visible in the preview. You can therefore use Heurist’s web editor to experiment and learn by doing. You don’t need to know very much in advance about what these different settings do\u2014just change them, and see the effect. You can actually learn a lot about web development just by playing with Heurist’s website builder. Anything you learn about your Heurist site will automatically apply to basically any website on the internet.<\/p>\n
Advanced users can apply custom CSS classes to the element, or write incline CSS as they desire.<\/p>\n
$\"\"$ <\/a><\/p>\n
Insert a New Element<\/h2>\n
Inserting a new element is similar to accessing the style tool: simply hover over the place in the ‘treeview’ where you would like to insert the new element, and click ‘insert’. If you want to add a new ‘top-level’ element to the page, hover over ‘page’ in the treeview. If you would like to insert an element inside<\/em> an existing element, then hover over the existing element and click ‘insert’. We will see an example of this in the final part of this tutorial.<\/p>\n
In the video, I wish to add a ‘Text in 2 columns’ component to the page as a whole, so I hover over page and click ‘insert’:<\/p>\n
$\"\"$ <\/a><\/p>\n
When you click insert, you will be taken to our current library of available components. Many of these can be spliced together and combined, allow you to build up a complex page layout from basic parts. We are constantly updating the library of components to make them more useable, so you may see this list change as time passes. In the video example, I choose ‘Text in 2 columns’:<\/p>\n
$\"\"$ <\/a><\/p>\n
After inserting the component, you can edit its content in the usual way. You could also add further elements to change the component. Challenge:<\/strong> How would you turn this two-column layout into a three-column layout?<\/p>\n
$\"\"$ <\/a><\/p>\n
Element vs. Component<\/h2>\n
You may have noticed these two words cropping up throughout the tutorial. If you dive deeper into web development, you will see them cropping up everywhere on the internet. The two terms are often interchangeable in practice, but refer to slightly different things:<\/p>\n\n\n\n
Element<\/th>\n A basic building block of a page, defined by a particular ‘html tag’, e.g. a paragraph (<p><\/p>), image (<img><\/img>) or division (<div><\/div>). There are a fixed number of elements allowed in html.<\/td>\n<\/tr>\n
Component<\/th>\n A particular element or set of elements that perform a particular function and can be reused. For example, the ‘Text in 2 columns’ component is made up of three ‘division’ elements: one division for each column, and a larger division that holds the two columns together. This larger division is sometimes called a ‘container’ element, though in reality it is exactly the same type of element as the two columns. When you insert the ‘Text in 2 columns’ component into your page, all three of these elements are inserted in the correct way, with some default ‘styling’ to make sure that the larger division behaves as a ‘container’ and the two smaller divisions behave as ‘columns’.<\/td>\n<\/tr>\n<\/table>\n
If you understand this, then you can answer the challenge above. To turn a two-column layout into a three column layout, simply add another element inside<\/em> the container. Hover over the container element (whose name is ‘2 Columns’ in the example), and click ‘Insert’. ‘Simple text box’ is the most logical choice for your third column, though if you wanted your third column itself to be divided into two columns, you could add a ‘Text in 2 columns’ layout. Or perhaps you would like your third column to be an interactive widget\u2014in which case, you should proceed to part three of the tutorial.<\/p>\n[\/et_pb_tab][et_pb_tab title=”Step 3: Add Interactive Content: Heurist Widgets” _builder_version=”4.14.4″ _module_preset=”default” hover_enabled=”0″ global_colors_info=”{}” sticky_enabled=”0″]\n
A quick introduction to flexbox<\/h2>\n
In this section of the tutorial, I suggest you use ‘flex layout’ to make your widgets appear neatly on screen. ‘Flex layout’ is one of the four main layout patterns on the web, along with ‘inline layout’, ‘block layout’ and ‘grid layout’. If you are going to spend time building webpages, it is really worth your while understanding the basics of what ‘flex layout’ does. In order of difficulty, here are three resources I recommend you check out:<\/p>\n
\n
I know nothing!<\/strong> CSS Flexbox in 100 Seconds<\/a>, courtesy of Fireship.io<\/a>.<\/li>\n
I need some tips:<\/strong> A Complete Guide to Flexbox<\/a>, at CSS-Tricks.com.<\/li>\n
I need the full documentation:<\/strong> flex reference<\/a>, from MDN Web Docs<\/li>\n<\/ul>\n
If you choose ‘flex layout’ for an element\/box in your Heurist webpage, then all the items inside<\/em> the element\/box will be layed out according to the rules of flexbox. Heurist provides you tools for choosing attributes such as the ‘main axis alignment’ and ‘cross axis alignment’ without needing to type any CSS code.<\/p>\n
Create a Page to ‘Explore the Database’<\/h2>\n
For the sake of this tutorial, I show you how to create a new page to allow visitors to explore your database. In fact, we already provide a template for this kind of page. You will see that every new Heurist site comes with a ‘Discover’ page that allows visitors to search the site, see a list of results, and also visualise the results on a map\/timeline. As you develop your site, however, you will likely want to have multiple discover pages, each of which is formatted precisely for the needs of your project. Thus in this exercise, we will create a new ‘Explore the Database’ page from scratch.<\/p>\n
In the first part of the tutorial, I created a new page for ‘What is a World Leader?’ which was nested under ‘Overview’. For this exercise, I instead create a ‘top level page’ which will have its own button in the website menu. To do this, hover next to ‘Home Page’ in the website treeview and click the ‘+’ icon:<\/p>\n
$\"\"$ <\/a><\/p>\n
Insert ‘Group’ Component as container for the widgets<\/h2>\n
Now we have a new page, we need somewhere to put the widgets we would like to use. We are going to use two widgets for this page:<\/p>\n
\n
Saved Filters<\/strong>: This widget allows you to put a filter you have predefined in the Explore menu onto your website. For a public website, the best kind of filter to use is generally a ‘faceted search’, and that’s what I do in this video. A ‘faceted search’ is a customised search box created by you. You decide which type of record you would like people to be able to search (e.g. Persons), and then choose which fields you would like people to be able to use for the search (e.g. Family Name(s), Age, Occupation). Heurist will generate a search interface for you, and you have lots of control over how the search interface looks and behaves. Read the help page on the ‘facets builder’ for more details<\/a>.<\/li>\n
Map and Timeline<\/strong>: This widget collects whatever results are produced by other widgets on the page, and displays them on an interactive map with a timeline underneath. Of course, this means it can only display records that have some spatial or temporal data associated with them. Most users are happy to let the Map and Timeline widget use its default settings, so normally there is very little you need to do to make this widget work as you desire.<\/li>\n<\/ul>\n
Since we have two widgets that interact with one another we would ideally like to put them side-by-side. The visitor to the site will type some search terms into the faceted search to the left, and the results will automatically appear on the map and timeline to the right.<\/p>\n
We could create this layout using to the ‘Text in 2 Columns’ layout I introduced in part 2 of the tutorial, but for the sake of learning, here I show you a different method. We are going to insert a generalised ‘Group’ component as the container for our widgets, and then adjust some of its settings so it lays the widgets out next to one another.<\/p>\n
First insert the ‘Group’ component as a top-level component of the page. ‘Group’ is the first option under ‘Containers’ in the library of components you can insert:<\/p>\n
$\"\"$ <\/a><\/p>\n
The Group component includes a ‘Text’ component inside it by default. Since I don’t need this element, I delete it from the webpage:<\/p>\n
$\"\"$ <\/a><\/p>\n
Add the Widgets to the ‘Group’ Container<\/h2>\n
Now I have the ‘Group’ element on the page, I add my two widgets.<\/p>\n
The Saved Filters Widget<\/h3>\n
First I add the ‘Saved Filters’ widget to the ‘Group’:<\/p>\n
$\"\"$ <\/a><\/p>\n
Now I need to configure the ‘Saved Filters’ widget to tell it which filter(s) I want it to use. To access the widget settings, I go to the ‘style’ tool for the element. In Part 2 of the Tutorial, I showed you how to access the ‘style’ tool from the treeview. You can also access it from the preview, by hovering over an element and clicking the cog in the top left:<\/p>\n
$\"\"$ <\/a><\/p>\n
In the style tool, there is a button for ‘widget configure’, which allows me to control the behavious of the widget:<\/p>\n
$\"\"$ <\/a><\/p>\n
In this case, I have already predefined a particular ‘faceted search’ that I would like to use for this page. So I click the button to ‘Choose specific filters’, and select ‘World Leaders Facet’ from the list of available filters:<\/p>\n
$\"\"$ <\/a><\/p>\n
After clicking ‘Apply’ and ‘Save’, the Saved Filters widget is ready to use. Now I just need some other widget on the page to display the results of the search.<\/p>\n
The Map and Timeline Widget<\/h3>\n
To insert the Map and Timeline widget, I follow exactly the same steps as before. I click the ‘+’ icon next to ‘Group’ to insert the widget inside<\/em> the Group element. Then I choose ‘Map and Timeline’ from the list. In this case, there is no need to configure the widget, as the default settings are perfectly appropriate.<\/p>\n
Improving the Layout<\/h2>\n
After inserting the Map and Timeline, there is a problem. The Map is invisible! There is a technical underlying reason for this, which is not so important. But basically the problem is that the Map and Timeline is being squashed by the Saved Filters. To fix this problem, we need to adjust the settings for the ‘Group’ element so that it allocates the right amount of space to each element inside it.<\/p>\n
The best way to do this is to turn the ‘Group’ element into a flexbox (see above). If we turn it into a flexbox, then we can easily control the size and orientation of the items inside it.<\/p>\n
To do this, open the style tool on the Group element, and change Layout: Simple to Layout: Flex.<\/a> Then choose the following settings:<\/p>\n
\n
Direction:<\/strong> Row (the default option). This probably seems wrong! Don’t we want the group to have two columns<\/em>? But this is exactly why the group<\/em> should be a row<\/em>. We want the group<\/em> of items to run from left to right, so that each item inside<\/em> the group becomes a column. If we set the group to be a column, then the widgets would run from the top of the page to the bottom.<\/li>\n*
1. Item proportion:<\/strong> 1. This says to allocate ‘1 part’ of the ‘group’ flexbox to the first item inside it. The first item is the ‘Saved filters’ widget.<\/li>\n
2. Item proportion:<\/strong> 2. This says to allocate ‘2 parts’ of the ‘group’ flexbox to the second item inside it. This second item is the ‘Map and Timeline’ widget.<\/li>\n<\/ul>\n
As you can see, the ‘item proportion’ attribute works a bit like a recipe. To make porridge, you add ‘1 part oats to every 2 parts milk’. Likewise, to allocate space inside this group, we allocate ‘1 part of item 1 to every 2 parts of item 2’, meaning that item 2 will be twice as wide as item one.<\/p>\n
Taken together, these settings tell the computer to lay out the group sideways as a row, allocating 1\/3 of the space to the first column and 2\/3 of the space to the second column. To get a feeling for what the other settings, such as ‘wrap’ and ‘cross axis alignment’ do, check out the resources at the top of this section, or add some more elements to the ‘group’ and play around with the settings to see what happens.<\/p>\n
$\"\"$ <\/a><\/p>\n
Once you have set up the ‘flex’ layout of the group, you should see the complete page below. Heurist does a lot of the hard work for you, and automatically links the two widgets together. Simply type a query into the ‘faceted search’, and the map should automatically update.<\/p>\n
$\"\"$ <\/a><\/p>\n
*<\/a>For html\/CSS users: this changes the ‘display’ property of the ‘div’ from ‘block’ to ‘flex’.[\/et_pb_tab][\/et_pb_tabs][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=”1″ disabled_on=”off|off|off” _builder_version=”4.10.7″ _module_preset=”default” background_color=”#F4F2F4″ global_colors_info=”{}”][et_pb_row _builder_version=”4.10.7″ _module_preset=”default” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.10.7″ _module_preset=”default” global_colors_info=”{}”][et_pb_text _builder_version=”4.11.3″ _module_preset=”default” global_colors_info=”{}”]\n
Next Tutorial: The Admin Menu<\/h2>\n[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=”3_5,2_5″ _builder_version=”4.10.7″ _module_preset=”default” global_colors_info=”{}”][et_pb_column type=”3_5″ _builder_version=”4.10.7″ _module_preset=”default” global_colors_info=”{}”][et_pb_text _builder_version=”4.11.3″ _module_preset=”default” global_colors_info=”{}”]Take our next tutorial to learn how to use Heurist’s Admin menu. The Admin menu allows you to control who can access your database, and also provides some high-level tools for verifying and managing all your Heurist databases.[\/et_pb_text][\/et_pb_column][et_pb_column type=”2_5″ _builder_version=”4.10.7″ _module_preset=”default” global_colors_info=”{}”][et_pb_button button_url=”@ET-DC@eyJkeW5hbWljIjp0cnVlLCJjb250ZW50IjoicG9zdF9saW5rX3VybF9wYWdlIiwic2V0dGluZ3MiOnsicG9zdF9pZCI6IjI2MDU5In19@” button_text=”Forward to Tutorial 8″ button_alignment=”right” disabled_on=”off|off|off” admin_label=”Tutorial 8 Button” _builder_version=”4.13.0″ _dynamic_attributes=”button_url” _module_preset=”default” custom_button=”on” button_icon=”$||divi||400″ button_on_hover=”off” locked=”off” global_colors_info=”{}”][\/et_pb_button][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=”1″ _builder_version=”4.10.7″ _module_preset=”default” background_color=”RGBA(0,0,0,0)” global_module=”25606″ saved_tabs=”all” global_colors_info=”{}”][et_pb_row _builder_version=”4.10.7″ _module_preset=”default” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.10.7″ _module_preset=”default” global_colors_info=”{}”][et_pb_text _builder_version=”4.10.7″ _module_preset=”default” global_colors_info=”{}”]\n
Our Tutorials<\/h2>\n[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=”1_4,3_4″ admin_label=”List of tutorials” module_id=”tutoriallist” _builder_version=”4.10.7″ _module_preset=”default” global_colors_info=”{}”][et_pb_column type=”1_4″ _builder_version=”4.10.7″ _module_preset=”default” global_colors_info=”{}”][et_pb_text _builder_version=”4.11.1″ _module_preset=”default” global_colors_info=”{}”]\n
Do you need help with something else? Contact Us<\/a>, and let us know what additional tutorials you think we should provide.<\/p>\n[\/et_pb_text][\/et_pb_column][et_pb_column type=”3_4″ _builder_version=”4.10.7″ _module_preset=”default” global_colors_info=”{}”][et_pb_button button_url=”@ET-DC@eyJkeW5hbWljIjp0cnVlLCJjb250ZW50IjoicG9zdF9saW5rX3VybF9wYWdlIiwic2V0dGluZ3MiOnsicG9zdF9pZCI6IjI1NTkwIn19@” button_text=”Tutorial 1 | Create Your First Database” admin_label=”Tutorial 1″ _builder_version=”4.11.2″ _dynamic_attributes=”button_url” _module_preset=”default” global_colors_info=”{}”][\/et_pb_button][et_pb_button button_url=”@ET-DC@eyJkeW5hbWljIjp0cnVlLCJjb250ZW50IjoicG9zdF9saW5rX3VybF9wYWdlIiwic2V0dGluZ3MiOnsicG9zdF9pZCI6IjI1NTc2In19@” button_text=”Tutorial 2 | Modify the Structure” admin_label=”Tutorial 2″ _builder_version=”4.11.2″ _dynamic_attributes=”button_url” _module_preset=”default” global_colors_info=”{}”][\/et_pb_button][et_pb_button button_url=”@ET-DC@eyJkeW5hbWljIjp0cnVlLCJjb250ZW50IjoicG9zdF9saW5rX3VybF9wYWdlIiwic2V0dGluZ3MiOnsicG9zdF9pZCI6IjM5NzgifX0=@” button_text=”Tutorial 3 | Create Relationships Between Records” admin_label=”Tutorial 3″ _builder_version=”4.11.2″ _dynamic_attributes=”button_url” _module_preset=”default” global_colors_info=”{}”][\/et_pb_button][et_pb_button button_url=”@ET-DC@eyJkeW5hbWljIjp0cnVlLCJjb250ZW50IjoicG9zdF9saW5rX3VybF9wYWdlIiwic2V0dGluZ3MiOnsicG9zdF9pZCI6IjI1OTc1In19@” button_text=”Tutorial 4 | The Explore Menu” admin_label=”Tutorial 4″ _builder_version=”4.11.2″ _dynamic_attributes=”button_url” _module_preset=”default” locked=”off” global_colors_info=”{}”][\/et_pb_button][et_pb_button button_url=”@ET-DC@eyJkeW5hbWljIjp0cnVlLCJjb250ZW50IjoicG9zdF9saW5rX3VybF9wYWdlIiwic2V0dGluZ3MiOnsicG9zdF9pZCI6IjI2MDU3In19@” button_text=”Tutorial 5 | The Design Menu” admin_label=”Tutorial 5″ _builder_version=”4.11.2″ _dynamic_attributes=”button_url” _module_preset=”default” locked=”off” global_colors_info=”{}”][\/et_pb_button][et_pb_button button_url=”@ET-DC@eyJkeW5hbWljIjp0cnVlLCJjb250ZW50IjoicG9zdF9saW5rX3VybF9wYWdlIiwic2V0dGluZ3MiOnsicG9zdF9pZCI6IjI2MDYyIn19@” button_text=”Tutorial 6 | The Populate Menu” admin_label=”Tutorial 6″ _builder_version=”4.11.4″ _dynamic_attributes=”button_url” _module_preset=”default” locked=”off” global_colors_info=”{}”][\/et_pb_button][et_pb_button button_url=”@ET-DC@eyJkeW5hbWljIjp0cnVlLCJjb250ZW50IjoicG9zdF9saW5rX3VybF9wYWdlIiwic2V0dGluZ3MiOnsicG9zdF9pZCI6IjI2MDY0In19@” button_text=”Tutorial 7 | The Publish Menu” admin_label=”Tutorial 7″ _builder_version=”4.14.4″ _dynamic_attributes=”button_url” _module_preset=”default” locked=”off” global_colors_info=”{}”][\/et_pb_button][et_pb_button button_url=”@ET-DC@eyJkeW5hbWljIjp0cnVlLCJjb250ZW50IjoicG9zdF9saW5rX3VybF9wYWdlIiwic2V0dGluZ3MiOnsicG9zdF9pZCI6IjI2MDU5In19@” button_text=”Tutorial 8 | The Admin Menu” admin_label=”Tutorial 8″ _builder_version=”4.11.4″ _dynamic_attributes=”button_url” _module_preset=”default” locked=”off” global_colors_info=”{}”][\/et_pb_button][\/et_pb_column][\/et_pb_row][\/et_pb_section]\n<\/span>","protected":false},"excerpt":{"rendered":"
Tutorial 7 | The Publish Menu Heurist is not merely a databasing or data management tool. It is also a fully-featured data publishing tool. Using the Publish menu, you can […]<\/p>\n","protected":false},"author":7,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"
In order to create a database you need to register as a Heurist User. You can then create and register one or more databases, either from scratch or based on an existing database structure. The creator of a database becomes the database owner and can manage the database and other database users.<\/p>
Register as a User<\/h4>
Registering as a Heurist user is quick and easy, and free. Register as a user (once) via the Heurist Server Page<\/a>:<\/p>
$\"OVHome\"$ <\/a><\/p>
Once your registration is confirmed you can start creating databases.<\/p>
Getting Information<\/h4>
Comprehensive help on building databases is available from this online help and short introductory videos. In addition, you have access to a number of exemplar databases as well as a public database (the 'Sandpit') to play in.<\/p>
Create a New Database<\/h4>
Design and create single-user or multiple-user databases without any programming experience. Your database can be as simple or as complex as you like.<\/p>
Databases are created on the same server as the current database.<\/p>
If you start from our Heurist Server<\/a>, your database(s) can later be migrated intact to your own server or a hosted solution such as a commercial server or cloud service.<\/p>
Register Database<\/h4>
Optionally register your database with the central Heurist Index.<\/p>
The Heurist Index is a repository of publicly-available Heurist databases (containing\u00a0 predefined database structures of record and field type definitions) that are either:<\/p>
Curated Databases. Created by the Heurist team and 'community servers\u2019 such as HuNI (Humanities Network Infrastructure) and FAIMS (Federated Archaeological Information Management System). These contain well-developed and useful collections of elements or 'schemas'.<\/li>
Registered Databases. Created and registered by individuals and project teams.<\/li><\/ul>
This makes the database discoverable by other Heurist database owners, who can find and download record, field and term definitions from your database (see Import Structure below).<\/p>
Import Structure<\/h4>
You can browse the Heurist Index of registered databases to find and import an existing database structure (schema of pre-defined record definitions) and tailor this to your needs. This helps to fast-track the creation of new databases and promotes the generation of compatible data.<\/p>
You can choose which suitable pre-defined record definitions to import.<\/p>
Manage Database<\/h4>
Heurist provides a range of database administration tools for managing and validating your database, including:<\/p>
Copy, clear, delete, and transfer databases.<\/li>
Carry out complex database analytical and procedural tasks if required, such as:
Validate database integrity.<\/li>
Cleanse data.<\/li>
Access page history.<\/li>
Verify and flag broken URLs.<\/li>
Clear locks.<\/li><\/ul><\/li><\/ul>
Manage Users and Workgroups<\/h4>
Tools are available for controlling user and group access to your database.<\/p>
By default, the creator of the database becomes the database owner and member of the primary Database Owners Workgroup. As owner, you can then create additional workgroups and users and add users to any workgroup. Users can belong to multiple workgroups.<\/p>
You can tailor access permissions for users within different workgroups.<\/p>","_et_gb_content_width":"","footnotes":""},"yoast_head":"\nTutorial 7 | The Publish Menu - Heurist Network<\/title>\n<meta name=\"description\" content=\"Follow our tutorials to get started with Heurist. In this tutorial, learn how to build an interactive project website from the Publish menu.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/heuristnetwork.org\/tutorial-7-publish-menu\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Tutorial 7 | The Publish Menu - Heurist Network\" \/>\n<meta property=\"og:description\" content=\"Follow our tutorials to get started with Heurist. In this tutorial, learn how to build an interactive project website from the Publish menu.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/heuristnetwork.org\/tutorial-7-publish-menu\/\" \/>\n<meta property=\"og:site_name\" content=\"Heurist Network\" \/>\n<meta property=\"article:modified_time\" content=\"2022-01-12T04:13:40+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/heuristnetwork.org\/wp-content\/uploads\/2022\/01\/Tutorial-7-1-1-Create-1024x640.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@HeuristNetwork\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"9 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/heuristnetwork.org\/tutorial-7-publish-menu\/\",\"url\":\"https:\/\/heuristnetwork.org\/tutorial-7-publish-menu\/\",\"name\":\"Tutorial 7 | The Publish Menu - Heurist Network\",\"isPartOf\":{\"@id\":\"https:\/\/heuristnetwork.org\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/heuristnetwork.org\/tutorial-7-publish-menu\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/heuristnetwork.org\/tutorial-7-publish-menu\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/heuristnetwork.org\/wp-content\/uploads\/2022\/01\/Tutorial-7-1-1-Create-1024x640.png\",\"datePublished\":\"2021-10-13T05:34:55+00:00\",\"dateModified\":\"2022-01-12T04:13:40+00:00\",\"description\":\"Follow our tutorials to get started with Heurist. In this tutorial, learn how to build an interactive project website from the Publish menu.\",\"breadcrumb\":{\"@id\":\"https:\/\/heuristnetwork.org\/tutorial-7-publish-menu\/#breadcrumb\"},\"inLanguage\":\"en\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/heuristnetwork.org\/tutorial-7-publish-menu\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en\",\"@id\":\"https:\/\/heuristnetwork.org\/tutorial-7-publish-menu\/#primaryimage\",\"url\":\"https:\/\/heuristnetwork.org\/wp-content\/uploads\/2022\/01\/Tutorial-7-1-1-Create.png\",\"contentUrl\":\"https:\/\/heuristnetwork.org\/wp-content\/uploads\/2022\/01\/Tutorial-7-1-1-Create.png\",\"width\":2880,\"height\":1800},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/heuristnetwork.org\/tutorial-7-publish-menu\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/heuristnetwork.org\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Tutorial 7 | The Publish Menu\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/heuristnetwork.org\/#website\",\"url\":\"https:\/\/heuristnetwork.org\/\",\"name\":\"Heurist Network\",\"description\":\"Building a community of Heurist users\",\"publisher\":{\"@id\":\"https:\/\/heuristnetwork.org\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/heuristnetwork.org\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/heuristnetwork.org\/#organization\",\"name\":\"Heurist\",\"url\":\"https:\/\/heuristnetwork.org\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en\",\"@id\":\"https:\/\/heuristnetwork.org\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/heuristnetwork.org\/wp-content\/uploads\/2015\/01\/HeuristFaviconTransparant.png\",\"contentUrl\":\"https:\/\/heuristnetwork.org\/wp-content\/uploads\/2015\/01\/HeuristFaviconTransparant.png\",\"width\":66,\"height\":66,\"caption\":\"Heurist\"},\"image\":{\"@id\":\"https:\/\/heuristnetwork.org\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/x.com\/HeuristNetwork\",\"https:\/\/www.youtube.com\/channel\/UCuXxTPFSyqoPRoEb5HzDiBw\",\"https:\/\/en.wikipedia.org\/wiki\/Heurist\"]}]}<\/script>\n","yoast_head_json":{"title":"Tutorial 7 | The Publish Menu - Heurist Network","description":"Follow our tutorials to get started with Heurist. In this tutorial, learn how to build an interactive project website from the Publish menu.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/heuristnetwork.org\/tutorial-7-publish-menu\/","og_locale":"en_US","og_type":"article","og_title":"Tutorial 7 | The Publish Menu - Heurist Network","og_description":"Follow our tutorials to get started with Heurist. In this tutorial, learn how to build an interactive project website from the Publish menu.","og_url":"https:\/\/heuristnetwork.org\/tutorial-7-publish-menu\/","og_site_name":"Heurist Network","article_modified_time":"2022-01-12T04:13:40+00:00","og_image":[{"url":"https:\/\/heuristnetwork.org\/wp-content\/uploads\/2022\/01\/Tutorial-7-1-1-Create-1024x640.png"}],"twitter_card":"summary_large_image","twitter_site":"@HeuristNetwork","twitter_misc":{"Est. reading time":"9 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/heuristnetwork.org\/tutorial-7-publish-menu\/","url":"https:\/\/heuristnetwork.org\/tutorial-7-publish-menu\/","name":"Tutorial 7 | The Publish Menu - Heurist Network","isPartOf":{"@id":"https:\/\/heuristnetwork.org\/#website"},"primaryImageOfPage":{"@id":"https:\/\/heuristnetwork.org\/tutorial-7-publish-menu\/#primaryimage"},"image":{"@id":"https:\/\/heuristnetwork.org\/tutorial-7-publish-menu\/#primaryimage"},"thumbnailUrl":"https:\/\/heuristnetwork.org\/wp-content\/uploads\/2022\/01\/Tutorial-7-1-1-Create-1024x640.png","datePublished":"2021-10-13T05:34:55+00:00","dateModified":"2022-01-12T04:13:40+00:00","description":"Follow our tutorials to get started with Heurist. In this tutorial, learn how to build an interactive project website from the Publish menu.","breadcrumb":{"@id":"https:\/\/heuristnetwork.org\/tutorial-7-publish-menu\/#breadcrumb"},"inLanguage":"en","potentialAction":[{"@type":"ReadAction","target":["https:\/\/heuristnetwork.org\/tutorial-7-publish-menu\/"]}]},{"@type":"ImageObject","inLanguage":"en","@id":"https:\/\/heuristnetwork.org\/tutorial-7-publish-menu\/#primaryimage","url":"https:\/\/heuristnetwork.org\/wp-content\/uploads\/2022\/01\/Tutorial-7-1-1-Create.png","contentUrl":"https:\/\/heuristnetwork.org\/wp-content\/uploads\/2022\/01\/Tutorial-7-1-1-Create.png","width":2880,"height":1800},{"@type":"BreadcrumbList","@id":"https:\/\/heuristnetwork.org\/tutorial-7-publish-menu\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/heuristnetwork.org\/"},{"@type":"ListItem","position":2,"name":"Tutorial 7 | The Publish Menu"}]},{"@type":"WebSite","@id":"https:\/\/heuristnetwork.org\/#website","url":"https:\/\/heuristnetwork.org\/","name":"Heurist Network","description":"Building a community of Heurist users","publisher":{"@id":"https:\/\/heuristnetwork.org\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/heuristnetwork.org\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en"},{"@type":"Organization","@id":"https:\/\/heuristnetwork.org\/#organization","name":"Heurist","url":"https:\/\/heuristnetwork.org\/","logo":{"@type":"ImageObject","inLanguage":"en","@id":"https:\/\/heuristnetwork.org\/#\/schema\/logo\/image\/","url":"https:\/\/heuristnetwork.org\/wp-content\/uploads\/2015\/01\/HeuristFaviconTransparant.png","contentUrl":"https:\/\/heuristnetwork.org\/wp-content\/uploads\/2015\/01\/HeuristFaviconTransparant.png","width":66,"height":66,"caption":"Heurist"},"image":{"@id":"https:\/\/heuristnetwork.org\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/x.com\/HeuristNetwork","https:\/\/www.youtube.com\/channel\/UCuXxTPFSyqoPRoEb5HzDiBw","https:\/\/en.wikipedia.org\/wiki\/Heurist"]}]}},"_links":{"self":[{"href":"https:\/\/heuristnetwork.org\/wp-json\/wp\/v2\/pages\/26064"}],"collection":[{"href":"https:\/\/heuristnetwork.org\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/heuristnetwork.org\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/heuristnetwork.org\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/heuristnetwork.org\/wp-json\/wp\/v2\/comments?post=26064"}],"version-history":[{"count":23,"href":"https:\/\/heuristnetwork.org\/wp-json\/wp\/v2\/pages\/26064\/revisions"}],"predecessor-version":[{"id":26692,"href":"https:\/\/heuristnetwork.org\/wp-json\/wp\/v2\/pages\/26064\/revisions\/26692"}],"wp:attachment":[{"href":"https:\/\/heuristnetwork.org\/wp-json\/wp\/v2\/media?parent=26064"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

Style an Individual Element<\/h2>\nYou can change the formatting of an individual element by hovering over it in the treeview and clicking ‘style’. (‘Style’ is webspeak for the appearance of webpages.)<\/p>\n

The Saved Filters Widget<\/h3>\nFirst I add the ‘Saved Filters’ widget to the ‘Group’:<\/p>\n

Create a New Database<\/h4>Design and create single-user or multiple-user databases without any programming experience. Your database can be as simple or as complex as you like.<\/p>Databases are created on the same server as the current database.<\/p>