template
Last Post 12/11/2012 6:55 AM by Joseph Craig. 3 Replies.
Author Messages Informative
vergel aranas
Nuke Newbie
Nuke Newbie
Posts:1


--
12/06/2012 3:54 AM
    Hi,
    I just need some help about template in dotnetnuke. I want to create my own template design.
    I already watching some video tutorial about template and try to insert some html code on that template that I export, but the html is not recognize i don't know if that correct. What i really want is I want to design my own template with some html and JavaScript codes and it will be used on that particular page only not entire website. How to do that? Thanks and advance!
    Joseph Craig
    DNN MVP
    Posts:11667


    --
    12/06/2012 6:48 AM
    A template in DotNetNuke is called a Skin. I provides the overall design, look and feel, etc for your pages. A particular skin can be applied to every page in the site, or you can have special skins that are applied to one or a few pages.

    Within a page, you place modules. You can wrap modules with Container. Containers generally provide decoration/styling to the enclosed module, but they can provide functionality. For example, there is a container in the Dark Knight skin that includes the code/tools needed to create a rotator.

    In the world of modules, you can do almost anything with HTML, javascript, jQuery, etc. by using an HTML module on your page.

    Take a look at this tutorial -- How to build Skins for DNN 6.x -- for building skins and containers. Also look at How to Create a Responsive HTML5 Skin for DotNetNuke.

    A good example on using jQuery (or javascript) in an HTML module is shown in How to Implement jQuery UI Tabs in a DotNetNuke HTML Module. The techniques shown in that tutorial can be applied to solving lots of problems.


    Finally, if you have specific questions about this topic, please ask!


    Joe Craig, Patapsco Research Group
    Complete DNN Support
    vergel aranas
    Nuke Newbie
    Nuke Newbie
    Posts:1


    --
    12/11/2012 2:54 AM
    Hi,
    Yes sir, because i want to create a basic calculator inside the module using html and javascript on a particular page that will display on the bottom pane. How to that sir? Can you give me link of that tutorial sir? I've search too much but I did not fine a exact tutorial for my need. Thank you sir!
    Joseph Craig
    DNN MVP
    Posts:11667


    --
    12/11/2012 6:55 AM
    The tutorial that I mentioned describes one way to add javascript/jQuery to a page.You should be able to use those techniques.

    Do you have the code for the calculator? If you can give me a link to where it is, I probably can show you how to add it to a page.

    Joe Craig, Patapsco Research Group
    Complete DNN Support


    ---