Try Now
More in this section

Forums / Designing & Styling / Beginners Question

Beginners Question

2 posts, 0 answered
  1. Exchange
    Exchange avatar
    8 posts
    18 Oct 2012
    28 Sep 2012
    Link to this post
    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!
  2. Jen Peleva
    Jen Peleva avatar
    568 posts
    10 Sep 2016
    03 Oct 2012
    Link to this post

    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" />
    It is important to know that all static files, which are embedded in the assembly of your module, should be marked as EmbeddedResource in their Properties and registered in the AssemblyInfo.cs file of the module, as following:
    [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")]

    Kind regards,
    Jen Peleva
    the Telerik team
    Do you want to have your say in the Sitefinity development roadmap? Do you want to know when a feature you requested is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
2 posts, 0 answered