Components Guide: Managing Timelines

Introduction

This tutorial provides a comprehensive guide on how to use the Timelines component in Remedy CMS. It will walk you through the steps to create consistently styled treatment timelines for your landing pages. Whether you are a beginner or looking to enhance your website, this guide will help you effectively manage timelines and associated widgets.

Step 1: Accessing the Timelines Component

• Navigate to your Remedy CMS dashboard.
• Locate the "Components" section in the sidebar.
• Click on "Timelines" to open the Timelines management interface.

Step 2: Creating a New Timeline

• Click on the "Add New Timeline" button.
• Fill in the required fields:
  • Title: Enter a name for your timeline.
  • Description: Provide a brief overview of what the timeline represents.
• Save your changes to create the timeline.

Step 3: Adding Timeline Events

• Select the newly created timeline from the list.
• Click on the "Add Event" button.
• For each event, fill in the following details:
  • Event Title: Name of the event.
  • Date: Specify when the event occurred.
  • Description: Give a brief explanation of the event.
• Repeat this process for all events you wish to include in the timeline.

Step 4: Styling Your Timeline

• After adding events, navigate to the "Styling" section within the timeline settings.
• Choose from predefined styles or customize:
  • Color Scheme: Select colors that fit your website’s theme.
  • Font Styles: Adjust fonts for readability and aesthetics.
• Preview changes to ensure everything looks cohesive.

Step 5: Adding Timeline to a Landing Page

• Go to the landing page where you want to display the timeline.
• Open the page editor and find the "Widgets" section.
• Drag the "Timeline" widget onto your page.
• In the widget settings, select the timeline you created from the dropdown list.
• Save your changes to update the landing page.

Step 6: Testing Your Timeline

• Visit the landing page where the timeline has been added.
• Check for proper display and functionality:
  • Ensure all events are visible and correctly formatted.
  • Test the responsiveness on different devices to ensure compatibility.

Conclusion

By following these steps, you can effectively manage and display treatment timelines on your Remedy CMS website. Key takeaways include accessing the Timelines component, creating and styling timelines, and integrating them into your landing pages. To enhance your website further, consider exploring additional components and widgets offered by Remedy CMS. Happy building!