https://ucdc.rarediseasesnetwork.org/pilot-and-feasibility-grants
https://ucdc.rarediseasesnetwork.org/fellowship-program
Both of these pages are designed the same way.
This page is built completely within Drupal. This is a basic page.
Components used:
Container
Heading
Simple Text
Content with Sidebar
Left Side Content
Accordion
Accordion Items
Ride Sidebar
Buttons
This has a main menu link under “Researchers and Clinicians” AND “Early Stage Investigators” – note that this is only one page which is pointed to two places in the main menu. How to add this to multiple parts of the menu will be explained later.
Metatags are set with the title auto generated and custom description.
The URL is set by the title of the page:
To make updates to the content on this page, log into Drupal. Look for the Admin Menu at the bottom and choose the “Edit” button.
You can update the “Heading” by clicking on the edit button next to the right of this component.
You can update the “Simple Text” which is the copy that shows under the heading on the live site by clicking the edit button. Follow rules above on editing a text box.
If you look at this page on the site, you will see two sides – the accordions on the left, and then information in the right gutter.
To update the accordion on the left side, Click the “Left Sidebar” down carrot.
Then find the accordion item you would like to edit, make any needed changes (following rules on editing copy above) and click “Save” at the bottom of the page. Changes will show on the site immediately.
If you would like to add an accordion, scroll to the bottom and choose “Add Accordion Item”.
Add information and move the new accordion to where you’d like for it to show (instructions on this are provided above under “Diseases Studied”). Click “Save” at the bottom and this will show on the live site immediately.
You will see that you can add a “Button” and determine “Heading Settings”. The heading setting for this accordion is H2 which is the default setting.
To update the information displayed on the right side of the live site, Click the “Right Sidebar” down carrot.
Currently this side is comprised of buttons – CTAs on this page that point to an RFA and an application.
We will look at updating the RFA as our example for updating a document. (If updating an external link, just copy and paste the new URL into the URL box.)
Here are the steps to update/add a new document:
The document should be a PDF.
Name should be easy to identify and either use “-“ or “_” between words. There should not be any spaces as this documents title become a URL and spaces will show as %20 as a space (ex UCDC%20Funding…. as opposed to UCDC_Funding…)
Add the document to Drupal:
Click on “Content” in the top right hand corner
Click on “Media”
Click on “Add Media”
Click on “Document”
Click “Choose File”. Navigate to where you have your document saved, select it and choose “Open” to add it to the media library.
You will need to add this URL to the funding opportunities page. The easiest way to select the URL is to right click the file name before you save this and select “copy link address”
SAVE this page prior to moving to the next step.
Go back to the edit page for the funding opportunity and locate where you’d like to update the document.
Paste the new document (URL)
Notice that when you add the URL, it adds in https://ucdc.rarediseasesnetwork.org... This part of the URL needs to be removed as this is an internal link. Here is how the final URL should look: /sites/default/files/*new file name information”.
Once you’ve updated the URL, click “Save” at the bottom of the page. Your updates will show on the live site immediately. You should test your link to make sure that the correct file is opening. If it’s not, double check that you click save after adding the updated/new document.
A commonly used component on the right side of the page is a “List”. A list allows you to add things like key dates or a contact.
Scroll to the bottom of component and click on the down carrot next to “Add Accordion. Choose “Add Lists”
There are two things to add to lists as shown by the tabs: “Heading Settings” and “List Items”. Either tab/field can be left blank – of the two, it would only make sense to leave the “Heading Settings” blank if you don’t wish for a heading to show on the live site.
If you add a new list and add a heading, be sure to set the “Heading Level” to “H2”.
Add important dates or whatever text you’d like to display on this right side by clicking on “List Items”. Use the rules as written above for adding copy to a component.
You have the option to add all of your information into one item. If you would like to have each list option separated and shown with shading between each list, you should then click “add another item” for each. Here is an example of how it will look on the live site when each date is input as an individual item:
When finished, click “Save”. Changes and updates will show on the live site immediately.