ForumSpark Support

Would it be possible to have an option on each individual Page to choose whether the sidebar is shown?

Something like a simple “Enable/disable Sidebar” option when creating or editing a Page would be really useful. Some pages work better with the sidebar, while others, such as full-page content, would look much cleaner without it. At the moment this seems to require custom CSS or JavaScript.

Having this as a built-in Page setting would make things much easier and give us more control over how individual Pages are laid out.

Is there a way to have custom shop items show in posts and profiles with an icon? Say people want cute badges on their posts?

So @Kathy joined my new forum through SSO and got put into the guest group.

How do I fix this permanently?

Do you think changing the theme, forum layout style, logo, features, and etc. is a great way to freshen up your forum?

Or could it actually be a bad idea because most members don’t like change or don’t want to have to get used to a new process?

In the past, I’ve seen a forum go fairly inactive after a simple theme change. Could it have been that the membership couldn’t tolerate the change?

Maybe it’s worth it to stick with what you first decide on.

What do you all think?

Preview #1 - Preview #2

Use the version below for v1 boards; use this version for v2 and above.

Create a new custom profile field:

Admin CP → Users & Groups → Profile Fields → Add field

Handle: mood
Label: Mood
Show in mini profile: Enable

Admin CP → Themes → Board Templates → Below the board

<script>

const moodN = ['None', 'Aggressive', 'Amazed', 'Amused', 'Angelic', 'Angry', 'Artistic', 'Asleep', 'Bashful', 'Blah', 'Bored', 'Breezy', 'Brooding', 'Busy', 'Buzzed', 'Chatty', 'Cheeky', 'Cheerful', 'Cloud_9', 'Cold', 'Coldturkey', 'Confused', 'Cool', 'Crappy', 'Curious', 'Cynical', 'Daring', 'Dead', 'Depressed', 'Devilish', 'Doh', 'Doubtful', 'Drunk', 'Energetic', 'Fiendish', 'Fine', 'Flirty', 'Gloomy', 'Goofy', 'Grumpy', 'Hot', 'Hungover', 'In-Love', 'Innocent', 'Inpain', 'Inspired', 'Lonely', 'Lurking', 'Mellow', 'Mischievious', 'Nerdly', 'Nerdy', 'Notworthy', 'Paranoid', 'Pensive', 'Psychedelic', 'Question', 'Relaxed', 'Roflmao', 'Sad', 'Scared', 'Shocked', 'Sick', 'Sleepy', 'Sneaky', 'Snobbish', 'Spaced', 'Stressed', 'Sunshine', 'Sweettooth', 'Thinking', 'Tired', 'Twisted', 'Veggedout', 'Worried', 'Yeehaw'];

const moodI = ['https://files.jcink.net/uploads/cory//p478599.png', 'https://files.jcink.net/uploads/cory//p478511.gif', 'https://files.jcink.net/uploads/cory//p478512.gif', 'https://files.jcink.net/uploads/cory//p478513.gif', 'https://files.jcink.net/uploads/cory//p478514.gif', 'https://files.jcink.net/uploads/cory//p478515.gif', 'https://files.jcink.net/uploads/cory//p478516.gif', 'https://files.jcink.net/uploads/cory//p478517.gif', 'https://files.jcink.net/uploads/cory//p478518.gif', 'https://files.jcink.net/uploads/cory//p478520.gif', 'https://files.jcink.net/uploads/cory//p478521.gif', 'https://files.jcink.net/uploads/cory//p478522.gif', 'https://files.jcink.net/uploads/cory//p478523.gif', 'https://files.jcink.net/uploads/cory//p478524.gif', 'https://files.jcink.net/uploads/cory//p478525.gif', 'https://files.jcink.net/uploads/cory//p478526.gif', 'https://files.jcink.net/uploads/cory//p478527.gif', 'https://files.jcink.net/uploads/cory//p478528.gif', 'https://files.jcink.net/uploads/cory//p478529.gif', 'https://files.jcink.net/uploads/cory//p478530.gif', 'https://files.jcink.net/uploads/cory//p478531.gif', 'https://files.jcink.net/uploads/cory//p478532.gif', 'https://files.jcink.net/uploads/cory//p478533.gif', 'https://files.jcink.net/uploads/cory//p478534.gif', 'https://files.jcink.net/uploads/cory//p478535.gif', 'https://files.jcink.net/uploads/cory//p478536.gif', 'https://files.jcink.net/uploads/cory//p478537.gif', 'https://files.jcink.net/uploads/cory//p478538.gif', 'https://files.jcink.net/uploads/cory//p478539.gif', 'https://files.jcink.net/uploads/cory//p478540.gif', 'https://files.jcink.net/uploads/cory//p478541.gif', 'https://files.jcink.net/uploads/cory//p478542.gif', 'https://files.jcink.net/uploads/cory//p478543.gif', 'https://files.jcink.net/uploads/cory//p478544.gif', 'https://files.jcink.net/uploads/cory//p478545.gif', 'https://files.jcink.net/uploads/cory//p478546.gif', 'https://files.jcink.net/uploads/cory//p478547.gif', 'https://files.jcink.net/uploads/cory//p478548.gif', 'https://files.jcink.net/uploads/cory//p478549.gif', 'https://files.jcink.net/uploads/cory//p478550.gif', 'https://files.jcink.net/uploads/cory//p478553.gif', 'https://files.jcink.net/uploads/cory//p478554.gif', 'https://files.jcink.net/uploads/cory//p478555.gif', 'https://files.jcink.net/uploads/cory//p478556.gif', 'https://files.jcink.net/uploads/cory//p478557.gif', 'https://files.jcink.net/uploads/cory//p478558.gif', 'https://files.jcink.net/uploads/cory//p478559.gif', 'https://files.jcink.net/uploads/cory//p478560.gif', 'https://files.jcink.net/uploads/cory//p478561.gif', 'https://files.jcink.net/uploads/cory//p478562.gif', 'https://files.jcink.net/uploads/cory//p478564.gif', 'https://files.jcink.net/uploads/cory//p478565.gif', 'https://files.jcink.net/uploads/cory//p478566.gif', 'https://files.jcink.net/uploads/cory//p478567.gif', 'https://files.jcink.net/uploads/cory//p478568.gif', 'https://files.jcink.net/uploads/cory//p478569.gif', 'https://files.jcink.net/uploads/cory//p478570.gif', 'https://files.jcink.net/uploads/cory//p478571.gif', 'https://files.jcink.net/uploads/cory//p478572.gif', 'https://files.jcink.net/uploads/cory//p478573.gif', 'https://files.jcink.net/uploads/cory//p478574.gif', 'https://files.jcink.net/uploads/cory//p478575.gif', 'https://files.jcink.net/uploads/cory//p478576.gif', 'https://files.jcink.net/uploads/cory//p478577.gif', 'https://files.jcink.net/uploads/cory//p478578.gif', 'https://files.jcink.net/uploads/cory//p478579.gif', 'https://files.jcink.net/uploads/cory//p478580.gif', 'https://files.jcink.net/uploads/cory//p478581.gif', 'https://files.jcink.net/uploads/cory//p478582.gif', 'https://files.jcink.net/uploads/cory//p478583.gif', 'https://files.jcink.net/uploads/cory//p478584.gif', 'https://files.jcink.net/uploads/cory//p478585.gif', 'https://files.jcink.net/uploads/cory//p478586.gif', 'https://files.jcink.net/uploads/cory//p478587.gif', 'https://files.jcink.net/uploads/cory//p478588.gif', 'https://files.jcink.net/uploads/cory//p478589.gif'];

const label = document.querySelectorAll('label.input-label');

let value;



label.forEach(element => {

    if (element && element.innerText.includes('Mood')) {

        element.parentElement.nextElementSibling.querySelector('input').style.display = 'none';

        const div = document.createElement('div');

        div.style.display = 'flex';

        div.style.flexWrap = 'wrap';

        div.style.gap = '10px';



for (let i = 0; i < moodN.length; i++) {

    const img = document.createElement('img');

    img.src = moodI[i];

    img.alt = moodN[i];

    img.title = moodN[i];

    img.className = 'mood-img';

    img.width = '93';

    img.height = '30';

    img.style.cursor = 'pointer';

    img.style.opacity = '0.5';

    element.parentElement.nextElementSibling.appendChild(div);

    div.appendChild(img);

}



value = element.parentElement.nextElementSibling.querySelector('input').value;

}

});



const flag = document.querySelectorAll('img.mood-img');



flag.forEach(element => {

    if (element.title === value) {

        element.style.opacity = '1';

    }



element.addEventListener('click', function() {

    flag.forEach(allElements => {

        allElements.style.opacity = '0.5';

    });



const title = element.title;

element.parentElement.parentElement.querySelector('input').value = title;

element.style.opacity = '1';

});

});



const about = document.querySelectorAll('div.profile-about__item');



about.forEach(element => {

    if (element.querySelector('dt').innerText === 'Mood') {

        const myMood = element.querySelector('dd').innerText;



for (let i = 0; i < moodN.length; i++) {

    if (myMood === moodN[i]) {

        element.querySelector('dd').innerHTML = `<img src="${moodI[i]}" title="${moodN[i]}" alt="${moodN[i]}">`;

    }

}

}

});



const mini = document.querySelectorAll('div.mini-profile--custom dt');



mini.forEach(element => {

    if (element.innerText === 'Mood') {

        const myMood = element.nextElementSibling.innerText;



for (let i = 0; i < moodN.length; i++) {

    if (myMood === '-') {

       element.nextElementSibling.innerHTML = `<img src="${moodI[0]}" title="${moodN[0]}" alt="${moodN[0]}">`; 

    } else if (myMood === moodN[i]) {

        element.nextElementSibling.innerHTML = `<img src="${moodI[i]}" title="${moodN[i]}" alt="${moodN[i]}">`;

    }

}

}

});

</script>

I've noticed a small issue with the Custom CSS field when editing a widget. If I remove all the CSS and save, the changes don't seem to clear the field.

If I put just: .in the box and save, it saves fine. But if I then remove the . and save again, the . comes back.

It seems the Custom CSS field won't allow itself to be completely empty.

Just wondering if this is intended behaviour or a bug?

Thanks.

I’ve purchased hundreds of online gift cards before, but wow, GameStop is really making it difficult for me. I’m glad I have a week to figure this out. If anyone has purchased a digital gift card from GameStop using your browser, did it go through? I can’t even get it added to the cart to do the purchase. I created an account, verified the email, and have done all but removed cookies/cache. Any good tips?

“Jump Back In” widget not’t displaying anywhere even if I add it just about anywhere, it won’t show.. Ummmmm

That’s with no settings chnhaged as is with displayed 3

As I’m writing above in the breadcrumbs it shows “Home > Service > Support > Create Topic”

How do you change home to point elsewhere? I changed the home page to a landing page and now when you click on that home link it goes to the landing page rather than the home page of the forum.

Preview #1 - Preview #2

Use the version below for v1 boards; use this version for v2 and above.

Create a new custom profile field:

Admin CP → Users & Groups → Profile Fields → Add field

Handle: flags
Label: Country
Show in mini profile: Enable

Admin CP → Themes → Board Templates → Below the board

<script>

const countryN = ['None', 'Afghanistan', 'Algeria', 'Argentina', 'Australia', 'Austria', 'Belgium', 'Brazil', 'Canada', 'Chile', 'China', 'Colombia', 'Denmark', 'Egypt', 'Ethiopia', 'France', 'Germany', 'Ghana', 'Greece', 'Hong Kong', 'India', 'Indonesia', 'Iran', 'Iraq', 'Ireland', 'Italy', 'Jamaica', 'Japan', 'Korea', 'Lebanon', 'Malaysia', 'Mexico', 'Morocco', 'Mozambique', 'Nepal', 'Netherlands', 'New Zealand', 'Nigeria', 'Norway', 'Pakistan', 'Peru', 'Philippines', 'Poland', 'Portugal', 'Russia', 'Saudi Arabia', 'South Africa', 'Spain', 'Sudan', 'Sweden', 'Switzerland', 'Taiwan', 'Thailand', 'Turkey', 'Uganda', 'Ukraine', 'United Kingdom', 'United States', 'Venezuela', 'Vietnam', 'Yemen'];

const countryI = ['https://files.jcink.net/uploads/cory//None.png', 'https://files.jcink.net/uploads/cory//Afghanistan.png', 'https://files.jcink.net/uploads/cory//Algeria.png', 'https://files.jcink.net/uploads/cory//Argentina_Flag_32.png', 'https://files.jcink.net/uploads/cory//Australia_Flag_32.png', 'https://files.jcink.net/uploads/cory//Austria_Flag_32.png', 'https://files.jcink.net/uploads/cory//Belgium_Flag_32.png', 'https://files.jcink.net/uploads/cory//Brazil_Flag_32.png', 'https://files.jcink.net/uploads/cory//Canada_Flag_32.png', 'https://files.jcink.net/uploads/cory//Chile_Flag_32.png', 'https://files.jcink.net/uploads/cory//China_Flag_32.png', 'https://files.jcink.net/uploads/cory//Colombia.png', 'https://files.jcink.net/uploads/cory//Denmark_Flag_32.png', 'https://files.jcink.net/uploads/cory//Egypt.png', 'https://files.jcink.net/uploads/cory//Ethiopia.png', 'https://files.jcink.net/uploads/cory//France_Flag_32.png', 'https://files.jcink.net/uploads/cory//Germany_Flag_32.png', 'https://files.jcink.net/uploads/cory//Ghana.png', 'https://files.jcink.net/uploads/cory//Greece_Flag_32.png', 'https://files.jcink.net/uploads/cory//Hong_Kong_Flag_32.png', 'https://files.jcink.net/uploads/cory//India_Flag_32.png', 'https://files.jcink.net/uploads/cory//Indonesia.png', 'https://files.jcink.net/uploads/cory//Iran.png', 'https://files.jcink.net/uploads/cory//Iraq.png', 'https://files.jcink.net/uploads/cory//Ireland_Flag_32.png', 'https://files.jcink.net/uploads/cory//Italy_Flag_32.png', 'https://files.jcink.net/uploads/cory//Jamaica_Flag_32.png', 'https://files.jcink.net/uploads/cory//Japan_Flag_32.png', 'https://files.jcink.net/uploads/cory//Korea_Flag_32.png', 'https://files.jcink.net/uploads/cory//Lebanon_Flag_32.png', 'https://files.jcink.net/uploads/cory//Malaysia_Flag_32.png', 'https://files.jcink.net/uploads/cory//Mexico_Flag_32.png', 'https://files.jcink.net/uploads/cory//Morocco.png', 'https://files.jcink.net/uploads/cory//Mozambique.png', 'https://files.jcink.net/uploads/cory//Nepal.png', 'https://files.jcink.net/uploads/cory//Netherlands_Flag_32.png', 'https://files.jcink.net/uploads/cory//New_Zealand_Flag_32.png', 'https://files.jcink.net/uploads/cory//Nigeria.png', 'https://files.jcink.net/uploads/cory//Norway_Flag_32.png', 'https://files.jcink.net/uploads/cory//Pakistan.png', 'https://files.jcink.net/uploads/cory//Peru.png', 'https://files.jcink.net/uploads/cory//Philippines_Flag_32.png', 'https://files.jcink.net/uploads/cory//Poland_Flag_32.png', 'https://files.jcink.net/uploads/cory//Portugal_Flag_32.png', 'https://files.jcink.net/uploads/cory//Russia_Flag_32.png', 'https://files.jcink.net/uploads/cory//Saudi_Arabia.png', 'https://files.jcink.net/uploads/cory//South_Africa.png', 'https://files.jcink.net/uploads/cory//Spain_Flag_32.png', 'https://files.jcink.net/uploads/cory//Sudan.png', 'https://files.jcink.net/uploads/cory//Sweden_Flag_32.png', 'https://files.jcink.net/uploads/cory//Switzerland_Flag_32.png', 'https://files.jcink.net/uploads/cory//Taiwan_Flag_32.png', 'https://files.jcink.net/uploads/cory//Thailand_Flag_32.png', 'https://files.jcink.net/uploads/cory//Turkey_Flag_32.png', 'https://files.jcink.net/uploads/cory//Uganda.png', 'https://files.jcink.net/uploads/cory//Ukraine.png', 'https://files.jcink.net/uploads/cory//United_Kingdom_flag_32.png', 'https://files.jcink.net/uploads/cory//United_States.png', 'https://files.jcink.net/uploads/cory//Venezuela_Flag_32.png', 'https://files.jcink.net/uploads/cory//Vietnam_Flag_32.png', 'https://files.jcink.net/uploads/cory//Yemen.png'];

const label = document.querySelectorAll('label.input-label');

let value;



label.forEach(element => {

    if (element && element.innerText.includes('Country')) {

        element.parentElement.nextElementSibling.querySelector('input').style.display = 'none';

        const div = document.createElement('div');

        div.style.display = 'flex';

        div.style.flexWrap = 'wrap';

        div.style.gap = '10px';



        for (let i = 0; i < countryN.length; i++) {

            const img = document.createElement('img');

            img.src = countryI[i];

            img.alt = countryN[i];

            img.title = countryN[i];

            img.className = 'country-flag';

            img.width = '32';

            img.height = '32';

            img.style.cursor = 'pointer';

            img.style.opacity = '0.5';

            element.parentElement.nextElementSibling.appendChild(div);

            div.appendChild(img);

        }



        value = element.parentElement.nextElementSibling.querySelector('input').value;

    }

});



const flag = document.querySelectorAll('img.country-flag');



flag.forEach(element => {

    if (element.title === value) {

        element.style.opacity = '1';

    }



    element.addEventListener('click', function() {

        flag.forEach(allElements => {

            allElements.style.opacity = '0.5';

        });



        const title = element.title;

        element.parentElement.parentElement.querySelector('input').value = title;

        element.style.opacity = '1';

    });

});



const about = document.querySelectorAll('div.profile-about__item');



about.forEach(element => {

    if (element.querySelector('dt').innerText === 'Country') {

        const myCountry = element.querySelector('dd').innerText;



        for (let i = 0; i < countryN.length; i++) {

            if (myCountry === countryN[i]) {

                element.querySelector('dd').innerHTML = `<img src="${countryI[i]}" title="${countryN[i]}" alt="${countryN[i]}">`;

            }

        }

    }

});



const mini = document.querySelectorAll('div.mini-profile--custom dt');



mini.forEach(element => {

    if (element.innerText === 'Country') {

        const myCountry = element.nextElementSibling.innerText;



    for (let i = 0; i < countryN.length; i++) {

        if (myCountry === countryN[i]) {

            element.nextElementSibling.innerHTML = `<img src="${countryI[i]}" title="${countryN[i]}" alt="${countryN[i]}">`;

        }

    }

}

});

</script>

Welcome to my new update of the theme (it was called liquid glass but now is jefx theme “you can change it if you want). Future updates will allow to put in forum spark 2.0

this theme has more options like my fav dynamic island where you can browse the internet if you want, hear music, and more.

it has style changer too changes the font letters and colors maybe shapes too.. i like the green one (Terminal)

it has the time date (maybe unnecessary to you) and you can block the theme notifications and sounds)

So enjoy my theme, guys. Have a nice day!

Controversial topic but always a fun one to see what everyone thinks.

Some people say forums are a dying breed.

What do you think?

Flurry is now available in the marketplace.

Flurry, a playful winter theme with soft blues, snowy illustrations, and a welcoming feel. It brings a little seasonal cheer to your forum while keeping conversations easy to read.Choose from three illustrated scenes, toggle the snowfall, and switch to a compact layout to suit your browsing style. Flurry adapts to desktop, tablet, and mobile screens.We’d love to hear which scene is your favourite!

View the product, screenshots and reviews

Use this topic for questions and discussion.

Zenith is now available in the marketplace.

The view from the top. Zenith dresses your board in real photography: a full-width cover carries the header, and the same image flows through the category strips, the widget caps, the buttons, the forum markers and the footer, tinted by a two-color gradient overlay that runs across the page. Five covers ship with the theme, from snowy peaks to a city at dusk, and every one of them recolors the who...

View the product, screenshots and reviews

Use this topic for questions and discussion.

Unable to access CSS stylesheet? on the theme section

Evergreen is now available in the marketplace.

Evergreen, a woodland-inspired winter theme with forest greens, warm accents, and lantern-lit characters.Evergreen brings a cosy atmosphere to your community, pairing its illustrated header with clear forum sections and comfortable reading space. The built-in customizer includes snowfall and compact layout preferences, and the theme adapts across desktop and mobile.Come in, settle down, and join t...

View the product, screenshots and reviews

Use this topic for questions and discussion.

Wintertide is now available in the marketplace.

Wintertide, a winter theme with cool blue and lavender tones, rounded details, and a cast of snowy friends.Its illustrated header gives your community a seasonal welcome, while the clean forum layout keeps discussions front and centre. Members can adjust snowfall and spacing through the built-in customizer, with a responsive layout for smaller screens.A comfortable home for familiar faces and new...

View the product, screenshots and reviews

Use this topic for questions and discussion.

Solstice is now available in the marketplace.

Solstice, a photography-led winter theme with sweeping scenery and a spacious simple designed forum layout.Choose between Alpine Dusk, Snow Day, and Festive Glow, with independent image choices for the header and footer. The curved header blends into the page, while seasonal colour palettes complement your chosen scene.With optional snowfall, compact spacing, and a responsive layout, Solstice give...

View the product, screenshots and reviews

Use this topic for questions and discussion.

As a forum owner, I’m sure you know and realize that you have to also be a marketer to get your forum out there enough to grow.

The question is: Do you like marketing enough to make it work for you?

If you don’t like it, you’re likely not going to dedicate enough effort to making it work. Things will fail, and you will feel like a failure and thus give up more easily.

So, are you into marketing enough to make it work?

Relay is now available in the marketplace.

Relay brings glossy category strips, a bold sidebar, and an old school vibe to ForumSpark.Make it your own with:Four color presets and a custom color picker.Light, dark, and system appearance modes.Gloss, satin, or flat category strips.Adjustable spacing and collapsible navigation.Clear read/unread markers that follow your chosen color.A responsive layout for desktop and mobile.Members can save th...

View the product, screenshots and reviews

Use this topic for questions and discussion.

Well maybe it isn’t a bug and I’m doing something wrong but anytime I have two blocks with custom html that are completely different, as soon as I edit one html block the other html block also updates to the same exact thing I just edited. So instead of two separate html blocks with different code, they both become the same code so I essentially have a duplicate block. Not sure why editing one custom html block will make the other one the same exact. In fact if I have more than two they all change so I have multiple blocks that are exactly the same.

Bug: Message Reactions Not Working in Direct Messaging

Description:
I’ve noticed an issue with the reaction feature in Direct Messaging. When I try to react to a message, nothing happens. The reaction does not appear on the message, and there doesn’t seem to be any indication that the reaction has been registered.

I initially noticed this myself, but my moderator has also independently reported experiencing the exact same issue, so it does not appear to be isolated to my account.

Steps to reproduce:

1. Open Direct Messaging.

2. Open an existing conversation or start a new conversation.

3. Find a message sent by another user.

4. Attempt to add a reaction to the message.

5. Select a reaction/emote.

6. Nothing happens and the reaction is not added to the message.

Expected behaviour:
After selecting a reaction, the chosen reaction should be added to the message and displayed underneath or alongside the message. Other participants in the conversation should also be able to see the reaction.

Actual behaviour:
Selecting a reaction appears to do nothing. No reaction is displayed and there is no visible confirmation that the reaction was successfully added.

Additional information:

• The issue occurs in Direct Messaging.

• I have personally experienced the issue.

• My moderator has also reported the same problem.

• This suggests the issue may affect multiple users rather than being specific to one account.

• There does not appear to be any error message or warning when the reaction fails.

Could you please investigate the Direct Messaging reaction functionality and check whether there is an issue with the reaction system, JavaScript, or the backend request responsible for adding reactions?

Thanks!

Carbon is now available in the marketplace.

Give your community a gaming-inspired look with Carbon Gaming: dark surfaces, accents, artwork, etc.Make it your own using the sliders icon beside your username. Choose colors, adjust unread markers, switch artwork, and customize the layout, all without changing anyone else’s view.Admins can upload their own artwork and set the default look for everyone. Artwork is included when exporting the them...

View the product, screenshots and reviews

Use this topic for questions and discussion.

Why did you migrate from one forum platform to another?

What things were missing from the first platform that the other had? Did expense play a part?

If I wanted to have a proper homepage that visitors see when they first visit the main Spark Promotion domain, what would be the best way to set this up?

At the moment, it doesn't look like ForumSpark allows you to specify a custom homepage through the forum settings. I’d ideally like visitors who go directly to the main domain to see a homepage/landing page first, with a link or button to enter the forum.

Is there a recommended way to achieve this with ForumSpark, or would I need to use something outside of the forum software (such as a separate landing page or redirect)?