Skip to main content
All CollectionsGetting StartedHub
Matrix Page User Guide
Matrix Page User Guide
Updated over 4 months ago

Welcome to the Matrix Page of RentalTide! This guide will help you navigate and utilize all the features available on the Matrix Page, enabling you to effectively explore and manage your upcoming bookings through an intuitive and organized interface.


Introduction

The Matrix Page is designed to provide a comprehensive and organized view of all your bookings. Whether you're managing daily operations, overseeing upcoming reservations, or reviewing booking details, the Matrix Page offers a streamlined experience to help you stay on top of your scheduling and resource allocation.


Dashboard Overview

Upon accessing the Matrix Page, you'll encounter the following key components:

  • Dashboard Header: Displays the page title and a brief description of its purpose.

  • Date Pickers: Allows you to filter bookings based on specific start and end dates.

  • Booking Cards: Visual representations of individual bookings, providing essential information at a glance.

  • Loading Indicators: Visual cues to inform you when data is being fetched.

  • Error Messages: Notifications to alert you of any issues during data retrieval.


Using the Matrix Page

Viewing Bookings

The Matrix Page showcases your bookings as individual Booking Cards arranged in a responsive grid layout. Each card represents a single booking, providing you with key details without the need to navigate away from the page.

Usage Tips:

  • Responsive Design: The grid layout adjusts based on your screen size, ensuring optimal viewing on all devices.

  • Quick Overview: Each card offers a snapshot of the booking, allowing you to quickly assess important information.

Filtering Bookings by Date

To efficiently manage your bookings, you can filter them based on specific date ranges using the provided date pickers.

How to Filter Bookings:

  1. Access Date Pickers:

    • Located prominently near the top of the Matrix Page, you'll find two date pickers labeled "Start Date" and "End Date."

  2. Select Start Date:

    • Click on the "Start Date" picker to open the calendar interface.

    • Choose the desired start date for your filter range.

  3. Select End Date:

    • Click on the "End Date" picker and select the end date for your filter range.

  4. View Filtered Results:

    • Once both dates are selected, the Matrix Page will automatically update to display only the bookings that fall within the specified date range.

Usage Tips:

  • Clear Filters: To view all bookings again, simply clear the selected dates or reset the filters.

  • Date Validation: Ensure that the end date is not earlier than the start date to avoid filtering errors.

Navigating Booking Details

Each Booking Card is interactive and allows you to access more detailed information about the booking.

How to Access Booking Details:

  1. Select a Booking Card:

    • Click on any Booking Card within the grid to navigate to its detailed view.

  2. View Detailed Information:

    • You will be redirected to the booking's detailed page (e.g., /bookings/{rentalId}), where you can access comprehensive information, including customer details, boat information, booking duration, financials, and more.

Usage Tips:

  • Quick Navigation: Use the booking cards to swiftly jump to detailed views without extensive searching.

  • Consistent Review: Regularly review booking details to ensure all information is accurate and up-to-date.


Understanding Booking Cards

Each Booking Card provides a concise overview of a booking, segmented into distinct sections for easy readability.

Renter Information

  • Renter Name: Displays the first and last name of the customer who made the booking.

  • Email Address: Shows the renter's contact email for quick reference.

Usage Tips:

  • Immediate Contact: Use the email address to reach out to renters directly if needed.

  • Customer Recognition: Quickly identify repeat customers by their names.

Boat Information

  • Boat Name: Indicates the name of the boat reserved for the booking.

  • Booking Duration: Shows the start and end dates/times of the reservation.

Usage Tips:

  • Resource Allocation: Assess which boats are in high demand based on booking frequency.

  • Scheduling Efficiency: Plan maintenance or other activities around booking schedules to minimize conflicts.

Financial Details

  • Total Price: Displays the total cost associated with the booking.

Usage Tips:

  • Financial Tracking: Monitor revenue generated from each booking.

  • Pricing Analysis: Compare pricing across different bookings to identify trends or discrepancies.


Frequently Asked Questions (FAQs)

1. How do I filter bookings by a specific date range?

  • Answer: Use the "Start Date" and "End Date" pickers located near the top of the Matrix Page. Select your desired dates, and the bookings will automatically update to display only those within the selected range.

2. Why am I not seeing any bookings after selecting a date range?

  • Answer: There might be no bookings within the specified date range. Ensure that the selected dates encompass existing bookings. Additionally, verify that the end date is not earlier than the start date.

3. How can I view more details about a specific booking?

  • Answer: Click on the Booking Card associated with the booking you wish to view. This action will redirect you to the detailed booking page, where you can access comprehensive information.

4. Can I reset the date filters to view all bookings again?

  • Answer: Yes, to reset the filters, clear the selected dates in the "Start Date" and "End Date" pickers. This will display all bookings regardless of their dates.

5. What should I do if a booking card is missing information?

  • Answer: If a booking card lacks necessary information, ensure that all booking details have been correctly entered. If the issue persists, contact support for assistance.

6. How do I navigate back to the Matrix Page after viewing booking details?

  • Answer: Use your browser's back button or navigate to the Matrix Page via your main menu or dashboard.


Troubleshooting

Issue 1: No Bookings Displayed After Selecting a Date Range

  • Possible Cause: There are no bookings within the selected date range.

  • Solution:

    1. Verify that bookings exist within the desired dates.

    2. Ensure that the end date is not earlier than the start date.

    3. Try selecting a broader date range to include more bookings.

Issue 2: Unable to Select Dates in Date Pickers

  • Possible Cause: Browser compatibility issues or JavaScript errors.

  • Solution:

    1. Refresh the page and attempt to select the dates again.

    2. Clear your browser cache and cookies.

    3. Try accessing the Matrix Page in a different browser.

    4. If the problem persists, contact support.

Issue 3: Booking Cards Are Not Responsive or Not Displaying Correctly

  • Possible Cause: CSS conflicts or network issues affecting data retrieval.

  • Solution:

    1. Refresh the page to reload styles and data.

    2. Check your internet connection to ensure data is loading properly.

    3. Inspect the page on different devices or screen sizes.

    4. Report the issue to support if it continues.

Issue 4: Cannot Navigate to Booking Details from a Booking Card

  • Possible Cause: Broken link or routing issue within RentalTide.

  • Solution:

    1. Ensure that the booking exists and is active.

    2. Try accessing the booking details directly via the URL (e.g., /bookings/{rentalId}).

    3. Contact support to report the broken navigation link.

Issue 5: Filters Are Not Applying Correctly

  • Possible Cause: Data fetching errors or incorrect filter logic.

  • Solution:

    1. Refresh the page to ensure data is loaded correctly.

    2. Double-check the selected dates for accuracy.

    3. If filters still do not apply correctly, reach out to support for further assistance.

Did this answer your question?