Apply new Skin ( creating .inc file)

First, it is not necessary for you to create a new Skin set for your custom grid. Since it uses 12 units, you can simply use the 12-unit grid width Skins that come bundled with Fusion Core. Your grid's CSS file will override Fusion Core's grid file and update the unit widths to match the overall width that you define instead of 960px. The descriptions of the widths on the drop-down selector will be off,but the actual output in the theme will be correct.

In addition, you can not have a 12-column, 980px wide grid, since 980px is not equally divisible by 12. You could have a 12-column, 984px wide grid, though. I suggest you look into Fusion Accelerator's grid tools to help you generate your custom grid.

If you do want to create that custom set of skins, there are a few issues with the code you posted here. It does look like some of our documentation is incorrect, so we are working on that. Here is an overview of the mistakes I see in your code, most of which need to be corrected in our documentation as well:

First, it looks like your syntax for defining the function is wrong, although that may be because of HTML filtering in the forum. Next time, be sure to wrap your code in <code> tags when posting in the forum, so that we can see all the proper formatting.

I assume the name of your theme is "baladeur_theme". What is the name of your skins Plugin? i.e. the folder that this .inc file is in? It cannot have the same name as your theme, it will need to be named something like "baladeur_theme_skins". So, your file structure would look like this:

and then, the function name for defining your skins in baladeur_theme_skins.inc would be:

next you are missing two important components of the plugin info function. First, you have not created the variable $skins and you are not returning that variable, so the results of the function would always be Null. Also, you should name your skin something different that Fusion core's skin. Let's add those two parts to the function I created above:

Lastly, the function _fusion_skins_grid_options() that you are calling to define your Skin options is only available in Fusion Core - it is an internal function and cannot be accessed outside of Fusion Core's core.inc file. You will need to either copy this function definition out of Fusion core's core.inc file and into your own baladeur_theme_skins.inc file, or you will need to manually create each option for your grid:

I hope that helps clear up some mistakes in our documentation. Let me know if you run into anymore problems or need more clarification.

Cheers,
Sheena

Hi Sheena and thank for your post.

I have figured this out and indeed there was some mistakes in your documentation.

I used a 984px grid with 12 columns but i didn't face any problem with the function _fusion_skins_grid_options() since i have other 10 columns in my grid.

So i can edit the skin of any block using my 12-columnm grid.

And lastly, in order to achieve what you have mentioned in your first paragraph, should i create the .inc file or it is not necessary? ( creating the grid's css files is enough?)

Thank you

I believe creating the CSS file for your grid in your sub-theme is all you need to do if you are using a 12 or 16 column grid. If you were making a grid with a different number of columns, then you would need to create the skin definition.

Thanks for the report; I've fixed the documentation. Hopefully the next person will be less confused than you were. Sorry about that!

Thank you for your attention.

I have a last notice to make.

I have just updated to the latest recommended version of Views ( security update) and after installation i fatal error came in.

Undefinded function _fusion_skins_grid_options().

But after i clear my caches everything seems ok.

Is there maybe an issue?

Thank you

if clearing cached fixed it and it does not come back, then there is no problem.