SuperFlexi Icon Block - Add Colours

Post here if you have questions about creating SuperFlexi Solutions.

The SuperFlexi documentation is very thorough, so you might want to start there.

This thread is closed to new posts. You must sign in to post in the forums.
7/12/2018 9:26:27 AM
Gravatar
Total Posts 46
Microquiz

SuperFlexi Icon Block - Add Colours

Hello,

I would like to add a few more colours to the drop-down list - SuperFlexi Icon Block.

I have made some changes to icon-blocks SFfields (Added Grey & Yellow)

<Options>
            <Option name="Default" value="default" />
            <Option name="Light Blue" value="light-blue" />
            <Option name="Green" value="green" />
            <Option name="Purple" value="purple" />
            <Option name="Orange" value="orange" />
            <Option name="Red" value="red" />
            <Option name="Grey" value="grey" />
            <Option name="Yellow" value="yellow" />
        </Options>

 

And changed resources/icon-blocks-base bu adding:

.icon-block__item--grey:hover,
.icon-block__item--grey:focus,
.icon-block__item--grey:active {
  background-color: #6a6969;
  -webkit-transition: background-color 300ms ease;
  transition: background-color 300ms ease;
}
.icon-block__item--yellow:hover,
.icon-block__item--yellow:focus,
.icon-block__item--yellow:active {
  background-color: #dfdd2a;
  -webkit-transition: background-color 300ms ease;
  transition: background-color 300ms ease;
}

However, I can not see any changes - but the options are in the list!

What am I missing "Can you give some feedback please".

Best Regards

Ray

 

7/13/2018 11:37:33 AM
Gravatar
Total Posts 92

mojoPortal Hosting & Design @ i7MEDIA!

Re: SuperFlexi Icon Block - Add Colours

Hello,

This is probably due to the CSS caching.

If that's the case, to fix this issue you'll need to add a query parameter to the CSS file call, for instance add "?v=1" on line 115 of the icon-blocks.sfMarkup:

<Style name="imageBlockBaseCSS" href="resources/image-blocks-base.css?v=1"></Style>

This will cause the browser to pull in the latest changes.

I hope this helps,
Elijah

You must sign in to post in the forums. This thread is closed to new posts.