iBoard Core Layout Settings

iBoard Core Layout Settings are used to manage shared layout sections, scripts, and styles that apply to iBoard board pages. This Core is different from the Page Core used by normal website pages.

This feature controls common areas used by boards. For example, if you want to display the same banner, advertisement, notice, script, or style across multiple board pages, configure it here.

Overview

The iBoard Core controls shared board layout areas. These settings are applied around board-related screens, such as board lists, post views, write forms, notices, voting areas, menus, and other board components.

Instead of editing each board skin or board page one by one, you can manage common board sections from this screen.

When to Use iBoard Core

Use iBoard Core Layout Settings when you want the same content or behavior to appear across board-related pages.

• Display a common banner above all board pages.
• Display an advertisement below board content.
• Add shared JavaScript behavior to all boards.
• Add shared CSS styling for board layouts.
• Add common notice content above or below notice sections.
• Customize common menu areas used by board skins.
• Apply reusable HTML to voting or recommendation sections.

If the change should affect board pages, use iBoard Core. If the change should affect normal website pages, use Page Core.

Screen Structure

The Core Layout Settings screen is divided into the left guide menu and the main editor area. The main editor contains multiple tabs for different board layout sections.

Core Layout Sections

Each tab represents a shared area used by iBoard board pages. The content entered in each section is rendered in the related board layout position.

Example: Adding a Banner to All Boards

If you want to display the same banner at the top of all board pages, add the banner HTML to the Top Area.

<div class="iboard-common-banner">
    <strong>Announcement</strong>
    <p>Please review the latest updates before posting.</p>
</div>

Then add styling in the Style Sheet section if needed.

.iboard-common-banner {
    padding: 18px 20px;
    margin-bottom: 20px;
    border: 1px solid #dbe7f5;
    background: #f3f8ff;
    border-radius: 12px;
}

.iboard-common-banner strong {
    display: block;
    margin-bottom: 6px;
}

Example: Adding JavaScript to All Board Pages

If you need common JavaScript behavior for board pages, add it to the Script section.

document.addEventListener("DOMContentLoaded", function () {
    console.log("iBoard common script loaded.");

    document.querySelectorAll(".iboard-common-banner").forEach(function (banner) {
        banner.setAttribute("data-loaded", "true");
    });
});

JavaScript added here can affect all board pages using this iBoard Core. Test carefully before applying scripts to production.

Example: Adding a Bottom Advertisement

If you want to display an advertisement below all board content, use the Bottom Area or Main Bottom Area, depending on the desired position.

<div class="iboard-bottom-ad">
    <a href="/promotion">
        <img src="/iBoard/Media/banner/board-ad.jpg" alt="Promotion">
    </a>
</div>

Save Settings

After editing a section, click Save Settings to save the iBoard Core Layout configuration.

Recommended Workflow

1. Decide whether the content should apply to board pages only.
2. Open Admin > iBoard > Setting Core.
3. Select the layout section that matches the target position.
4. Add HTML to layout areas such as Top Area, Bottom Area, or Main Top Area.
5. Add JavaScript to the Script section only if common board behavior is required.
6. Add CSS to the Style Sheet section for board-specific styling.
7. Click Save Settings.
8. Open different board pages and confirm that the content appears correctly.
9. If the change affects production boards, test with multiple board skins and board types.

Common Use Cases

Important Notes

• This Core is for iBoard board layouts, not normal page layouts.
• Changes may affect multiple boards at the same time.
• Scripts added here may run on all board pages using this Core.
• CSS added here may override board skin styles.
• Banner and media paths should be checked before saving.
• Some board skins may render layout sections differently.
• Always test with the actual board skin used by the website.

Troubleshooting

Best Practices

• Use this screen only for content shared across board pages.
• Do not put page-specific content here unless it should appear on all related boards.
• Use clear CSS class names such as iboard-common-banner.
• Keep JavaScript small and board-specific.
• Back up existing code before making large changes.
• Test with multiple board types and skins.
• Use Create SQL before deployment if you need a backup or migration script.

iBoard Core Layout Settings are useful when you want consistent board-level content or behavior. Use it for shared board banners, ads, notices, scripts, and styles � not for normal page-level layout editing.