How to Add an Image

How to Add an Image: Using TinaCMS

To add an image to a rule, follow these steps:

1. Go to the rule you want to edit on SSW Rules.
2. Click the pencil icon to open the TinaCMS editor.

Figure: Click to edit

3. If asked, log in to TinaCMS with your GitHub account

Figure: TinaCloud Login with GitHub page

4. In the editor (left column), go to the Body field. Select More Tools (3 dots) | Embed | Image.

Figure: Add an image component

5. Click on the new image component to configure it

Figure: Configure image details

6. Click on Src to choose an image from the rules folder in Media Manager.

7. To upload a new image: Click Upload | Select your image | Click Insert to add it.

Figure: Upload your image

Figure: Insert the image

8. Update the figure text or adjust the image size if needed

9. When you’re done, click Save. You will need to create a branch for approval before the changes go live.

How to Add an Image: Using GitHub

1. Navigate to your forked repository
2. Add the image as a separate file in the same folder as the rule.mdx file. You can do this by clicking Add file | Upload files
3. In the rule.mdx file, you can then reference the image directly in the markdown (e.g. ![Figure: The Outlook calendar](outlook-calendar-example.png)). See Using Markdown if you don't know how to do this.

Note: Images cannot have spaces in the name, use dashes(-) instead. See SSW rule https://www.ssw.com.au/rules/use-dashes-in-urls.

Figure: Image in the rule folder

Figure: Image referenced in the rule markdown