Settings

Manage your portal settings and configuration options

What is the Settings Page?

The Settings page allows you to manage various configuration options for your portal, including News & Updates management. This page provides a centralized location to control how your portal displays information and maintains version history.

The News & Updates section is particularly useful for communicating changes, bug fixes, and new features to your users. You can maintain a comprehensive changelog that keeps everyone informed about portal improvements and updates.

Key Features

News & Updates Management

Create and manage portal updates, changelog entries, and version announcements

Add New Updates

Quickly add new updates with date, version number, and detailed descriptions

Markdown Support

Use Markdown formatting for rich text descriptions with live preview

Save Changes

Save button becomes active only when changes are made to prevent accidental saves

Edit Updates

Modify existing updates by editing date, version, or description content

Delete Updates

Remove outdated or incorrect update entries with the delete functionality

News & Updates Tab

The News & Updates tab is the main section of the Settings page, designed to manage portal updates and changelog entries:

Single Tab Interface

Clean, focused interface with one main tab for News & Updates management

The left sidebar contains only the 'News & Updates' tab, keeping the interface simple and focused on the primary function of managing portal updates.

Add Button

Blue 'Add' button to create new update entries

Located at the top left of the main content area, clicking this button adds a new row below existing entries where you can input update information.

Save Changes Button

Save button that activates only when changes are detected

Positioned at the top right, this button is only clickable when you've made changes to any update entries. This prevents accidental saves and ensures you only save when needed.

Update Entry Structure

Each update entry consists of five main components arranged in a table-like row format:

Date Field

Date picker for selecting when the update was made

  • Text input field with calendar icon
  • Click to open date picker calendar
  • Select the date when the update was implemented
  • Format: MMM DD, YYYY (e.g., Sep 11, 2025)

Version Field

Version number input for the update

  • Text input field for typing version numbers
  • Common formats: X.Y.Z (e.g., 2.5.5, 2.5.4, 2.5.3)
  • Helps track version history and changes
  • Should follow semantic versioning when possible

Description (Markdown)

Text area for writing update descriptions in Markdown

  • Large text area for detailed descriptions
  • Supports full Markdown syntax
  • Use for headings (###, ####), lists (-), and formatting
  • Separate sections with --- horizontal rules

Rendered Description (Preview)

Live preview of how the Markdown will appear

  • Automatically updates as you type in the Markdown field
  • Shows exactly how the description will look to users
  • Real-time preview of headings, lists, and formatting
  • Helps ensure proper formatting before saving

Delete Action

Delete button to remove the update entry

  • Red trash can icon on the far right
  • Click to permanently delete the update entry
  • No confirmation dialog - deletion is immediate
  • Use with caution as deleted entries cannot be recovered

Markdown Features

The Description field supports rich Markdown formatting for professional-looking update entries:

Headings

Use #, ##, ###, #### for different heading levels

Example:

#### Changelog...
##### Display Ads

Horizontal Rules

Separate sections with three dashes

Example:

---

Lists

Create bulleted lists with dashes

Example:

- We moved the "Publish Ads" button...

Emphasis

Use asterisks for bold and italic text

Example:

*This has been Fixed.*

Line Breaks

Press Enter twice for paragraph breaks

Example:

Multiple paragraphs for detailed explanations

Page Components

Understanding the settings management interface components:

Add New Update

The 'Add' button functionality for creating new update entries:

  • Blue rectangular button positioned at the top left
  • Adds a new empty row below existing entries
  • New row contains all five input fields (date, version, description, preview, delete)
  • Focus automatically moves to the new entry's date field
  • Can add multiple entries in sequence

Save Changes Button

The save functionality that only activates when changes are made:

  • Blue rectangular button positioned at the top right
  • Disabled state when no changes have been made
  • Enabled state when any field in any row has been modified
  • Saves all changes across all update entries at once
  • Returns to disabled state after successful save

Date Picker

Interactive date selection for each update entry:

  • Text input field with calendar icon
  • Click to open calendar widget
  • Navigate months and years in the calendar
  • Click date to select and auto-populate field
  • Supports keyboard input for manual date entry

Version Input

Version number input field for tracking updates:

  • Simple text input field
  • Type version numbers manually
  • Common formats: X.Y.Z, X.Y, or custom formats
  • Helps maintain version history and organization
  • No validation - accepts any text format

Markdown Editor

Rich text editing area with Markdown support:

  • Large textarea for detailed descriptions
  • Full Markdown syntax support
  • Real-time preview in adjacent column
  • Supports headings, lists, emphasis, and horizontal rules
  • Auto-scrolls to show more content as needed

Live Preview

Real-time preview of Markdown formatting:

  • Automatically updates as you type
  • Shows formatted output with proper styling
  • Displays headings, lists, and emphasis correctly
  • Helps verify formatting before saving
  • Matches final display appearance

Delete Functionality

Remove update entries with the delete button:

  • Red trash can icon for each entry
  • Immediate deletion without confirmation
  • Removes entire row and all its data
  • Cannot be undone once deleted
  • Save button becomes active after deletion

Example Update Entries

Here are some examples of how update entries might look in your portal:

Version 2.5.5

Sep 11, 2025Feature Update

Markdown Input:

#### Changelog...
---
##### Display Ads
- We moved the "Publish Ads" button to the top left of the module for better visibility on laptop screens and lower resolution displays.

Rendered Output:

Changelog...


#

Display Ads

  • We moved the "Publish Ads" button to the top left of the module for better visibility on laptop screens and lower resolution displays.

Version 2.5.4

Dec 31, 2024Bug Fix

Markdown Input:

### Bug Fix.
---
- A fix has been pushed for the duplicate deal listing bug.

Rendered Output:

Bug Fix.


  • A fix has been pushed for the duplicate deal listing bug.

Version 2.5.3

Dec 27, 2024Bug Report

Markdown Input:

### Known Bugs... *This has been Fixed.*
---
- We are aware that some centers that have multiples of the same retailer located at their center may be affected by a bug in the Deals system, where if a deal is attached to both locations of that retailer the deal will become unresponsive and show an "array" error on the website. The EyeOn Dev team is actively working on a solution and will deploy a fix as soon as possible.

- We apologize for any confusion or inconvenience to your center visitors and are working diligently to provide a fix soon.

Rendered Output:

Known Bugs... This has been Fixed.


  • We are aware that some centers that have multiples of the same retailer located at their center may be affected by a bug in the Deals system, where if a deal is attached to both locations of that retailer the deal will become unresponsive and show an "array" error on the website. The EyeOn Dev team is actively working on a solution and will deploy a fix as soon as possible.

  • We apologize for any confusion or inconvenience to your center visitors and are working diligently to provide a fix soon.

Best Practices

Update Management

  • Keep updates organized by date, with newest entries at the top
  • Use consistent version numbering (semantic versioning recommended)
  • Write clear, descriptive update messages that explain what changed
  • Include specific details about bug fixes and new features
  • Remove outdated or incorrect entries promptly

Markdown Usage

  • Use headings to organize different types of updates (Bug Fixes, New Features, etc.)
  • Separate different sections with horizontal rules (---)
  • Use bullet points for listing multiple changes
  • Keep descriptions concise but informative
  • Test formatting in the preview before saving

Version Control

  • Maintain consistent version numbering across updates
  • Use semantic versioning (MAJOR.MINOR.PATCH) when possible
  • Document breaking changes clearly in descriptions
  • Keep a chronological record of all changes
  • Archive old versions appropriately

Content Management

  • Review all entries before saving changes
  • Ensure dates accurately reflect when changes were made
  • Write user-friendly descriptions that explain the impact
  • Use the preview feature to verify formatting
  • Save changes regularly to prevent data loss

Ready to Manage Settings?

Access the Portal CMS to start managing your portal settings and updates.

Access Portal CMS