Guide / Skin List
KO EN

Skin List

Skin List allows administrators to browse, search, download, delete, and manage iBoard skins. A skin controls the visual layout and design style used by iBoard boards, pages, or specific content areas.

Use this page when you want to install a new board skin, remove an unused skin, manage downloadable skins, or review skin versions before applying them in Core Settings.

Overview

The Skin List page displays available skins by category. Each skin is shown as a visual card with a preview image, skin name, current installed version, latest available version, and available action buttons.

Area Description
Search Area Searches available skins by name or keyword.
Skin Settings Opens the skin configuration or management settings page.
Category Filter Filters downloadable skins by category.
Downloadable Skin List Displays skins available for download or deletion.
Skin Card Displays skin preview, name, version information, and available actions.
Pagination Moves between pages when many skins are available.

Skin and Theme Difference

A theme usually controls the overall website layout and visual structure. A skin is usually applied to a specific iBoard module, board, list, content area, or component.

Item Purpose
Theme Controls the overall site design, layout, and frontend appearance.
Skin Controls the display style for a specific board, module, page area, or content component.

Search Skins

Use the search box to find a skin by name or keyword.

  1. Enter a skin name or keyword in the search box.
  2. Click Search.
  3. Review the matching skin cards.

Pagination

When many skins are available, use the pagination controls to move between pages.

  • Previous: Moves to the previous skin list page.
  • Page Number: Shows the current page.
  • Next: Moves to the next skin list page.

Skin Settings

The Skin Settings button opens the skin configuration page. Use this when the system provides additional settings for skin management, categories, or download behavior.

Category Filter

The Category dropdown allows administrators to filter skins by category. For example, skins may be grouped under categories such as iBoard, blog, board list, gallery, manual, or other module types.

Downloadable Skin List

The Downloadable Skin List section displays skins available from the server. Skins are grouped by category, and each category can contain multiple skins.

Category Header

Each category header displays the category name and the number of skins included in that category. The expand/collapse button can be used to show or hide the skins inside that category.

Skin Card

Each skin is displayed as a card. The card provides preview, version, and action information.

Card Item Description
Preview Image Shows a visual preview of the skin design.
Category Label Shows the skin category, such as iBoard.
Skin Name Name of the skin, such as ShowMedia, iPlayMirage, SirBoard, iBlogOrange, iManual, or iPlayTwine.
Current Version Shows the currently installed iBoard and plugin version for the skin.
Latest Version Shows the latest available iBoard and plugin version from the skin source.
Download Downloads and installs the selected skin.
Delete Skin Removes the installed skin from the server.

Skin Status

Status / Button Meaning
Download The skin is available but not currently installed. Click this button to download and install it.
Delete Skin The skin is installed and can be removed from the local server.
Current Version The version currently installed on your system.
Latest Version The newest version available from the remote skin source.

Download a Skin

Use the Download button when a skin is available but not installed.

  1. Open Admin > Site > Skin.
  2. Search or filter by category if needed.
  3. Find the skin you want to install.
  4. Review the preview image and latest version information.
  5. Click Download.
  6. Wait until the download and installation process is complete.
  7. Apply or select the downloaded skin from the related iBoard or Core Settings area.
After downloading a skin, confirm that all skin files were installed correctly before applying it to a live page or board.

Delete a Skin

Use Delete Skin to remove an installed skin from the server.

  1. Confirm that the skin is not currently used by any board, page, or content area.
  2. Back up the skin folder if it was customized.
  3. Click Delete Skin.
  4. Confirm the deletion if prompted.
  5. Check that pages using that skin still display correctly or have been changed to another skin.
Do not delete a skin that is currently assigned to an active board or page. Doing so may break the display of that area.

Apply a Skin

After a skin is downloaded, it may need to be selected from the related configuration screen. Depending on your system structure, skins may be selected from iBoard settings, board settings, page settings, or Core Settings. 

Common places to check:
Admin > iBoard > Setting Core
Admin > Pages > Setting Core
Admin > Site > Management
Core Settings

Common Use Cases

Use Case Recommended Action
Create a different board design Download a skin and select it from the board or iBoard settings.
Install a gallery-style layout Choose a skin with image-focused preview and download it.
Use a manual or documentation skin Download a documentation-style skin such as a manual layout if available.
Remove unused skins Delete only after confirming that no active page or board uses the skin.
Check version compatibility Compare Current Version and Latest Version before downloading or deleting.

Important Notes

  • Skins affect how a specific board, module, or content area is displayed.
  • Installed skins may need to be selected from another configuration page before they appear on the website.
  • Skin files may include HTML, CSS, JavaScript, images, and template files.
  • Deleting a skin may break pages or boards that use that skin.
  • If you customized a skin manually, back it up before deleting or reinstalling it.
  • Always preview the affected board or page after applying a new skin.

Recommended Naming and Backup Practice

Before replacing or deleting a skin, keep a backup of the skin folder. 

Recommended:
1. Back up the current skin folder.
2. Download or delete the skin.
3. Select the skin from the related settings page.
4. Preview the affected board or page.
5. Confirm list, detail, write, and edit screens if the skin controls a board.

Troubleshooting

Problem Possible Cause Solution
Skin does not appear in settings The skin may not have been downloaded correctly or may be in the wrong folder. Download the skin again and confirm that the skin folder exists in the expected location.
Preview image is missing The skin package may not include the preview image, or the image path may be incorrect. Check the skin package and preview image path.
Board layout is broken The skin may not match the current iBoard version, or required files may be missing. Check version information and confirm that all skin files exist.
Delete Skin fails The server may not have permission to delete skin files. Check IIS and folder delete permissions.
CSS or JavaScript does not load File paths inside the skin may be incorrect. Use browser developer tools to check missing file paths.

Best Practices

  • Use skins to control display style without changing core logic.
  • Keep customized skins backed up separately.
  • Do not delete skins that are assigned to active pages or boards.
  • Test list, detail, write, edit, and mobile views after applying a board skin.
  • Use category filtering to find the correct type of skin faster.
  • Keep only actively used or necessary skins installed when possible.
Skins help separate visual presentation from system logic. Manage them carefully so that board and page layouts remain stable.