Uploading Documents and Images

From the web developer:

I added "upload document" and "upload image" the admin toolbar for faster access. I did this by manually adding the paths from the menu's admin page.

You can also add images while editing a node/page

Here's an example of a document I've added to a page

Example screenshot of WIP Ancillary Studies page
Add-Document-01.PNG

If you edit the page you can see it's a media embed. Don't worry that there's two bullet points in the editor's preview. The final rendered code will be correct. This is just because the theme we use on the admin pages is different than the website uses for users.

A screenshot of the Ancillary page showing the WYSIWYG editor. Highlighted are the embedded document and add media buttons
Add-Document-02.PNG

If you click the view source button, you can edit the HTML directly if you're a content editor. You can use this to make sure the <drupal-media>&nbsp;</drupal-media> tags are nestled correctly in the <li> tags or where ever you're trying to place it.

a screen shot showing the list item code highlighted
Add-Document-03.PNG
If you want the image to be as big a possible, use this html:
<img class="img-fluid" src="/sites/default/files/2025-02/contract-periods-2024.png" alt="timelines">