Beginners Question
So, I am in the process of building a new Module. I was able to create the module (it was very simple) and get it on the form. I can also use thunder to modify the template. However, when i put the module on a page... all of the items are vertical, but i want them horizontal (similar to the image thumbnail list). I'm sure this is set by the CSS referenced by module.
So my question is... how to modify the css that it is using? I can create new css files/code, but how do i get it where the module will use it? I'm sure there is some documentation on this.. but i kept looking and decided I would just ask the experts! Thanks!
Hello,
If you want to add css to your content module, you can include it with our Sitefinity ResourceLinks control on the template. Here's an example:
<
sitefinity:ResourceLinks
runat
=
"server"
UseEmbeddedThemes
=
"true"
Theme
=
"Basic"
>
<
sitefinity:ResourceFile
JavaScriptLibrary
=
"JQuery"
/>
<
sitefinity:ResourceFile
Name
=
"MyContent.Common.common.js"
AssemblyInfo
=
"MyContent.TabStrip.TabStripLayout, MyContent"
Static
=
"True"
/>
<
sitefinity:ResourceFile
Name
=
"MyContent.Common.Designer.css"
AssemblyInfo
=
"MyContent.TabStrip.TabStripLayout, MyContent"
Static
=
"True"
/>
<
sitefinity:ResourceFile
Name
=
"MyContent.TabStrip.Resources.TabStrip.css"
AssemblyInfo
=
"MyContent.TabStrip.TabStripLayout, MyContent"
Static
=
"True"
/>
<
sitefinity:ResourceFile
Name
=
"MyContent.TabStrip.Resources.TabStrip.js"
AssemblyInfo
=
"MyContent.TabStrip.TabStripLayout, MyContent"
Static
=
"True"
/>
</
sitefinity:ResourceLinks
>
[assembly: WebResource(
"MyContent.TabStrip.Resources.configurator.png"
,
"image/png"
)]
[assembly: WebResource(
"MyContent.TabStrip.Resources.tabcontainer.png"
,
"image/png"
)]
[assembly: WebResource(
"MyContent.TabStrip.Resources.tablayouts.png"
,
"image/png"
)]
[assembly: WebResource(
"MyContent.TabStrip.Resources.TabStrip-min.css"
,
"text/css"
, PerformSubstitution =
true
)]
[assembly: WebResource(
"MyContent.TabStrip.Resources.TabStrip.css"
,
"text/css"
, PerformSubstitution =
true
)]
[assembly: WebResource(
"MyContent.TabStrip.Resources.TabStrip.js"
,
"text/javascript"
)]
[assembly: WebResource(
"MyContent.TabStrip.Resources.tabstripcontainer.png"
,
"image/png"
)]
[assembly: WebResource(
"MyContent.TabStrip.Resources.TabStripDesigner.js"
,
"text/javascript"
)]