Baldwin-customcontainer container Skin Design (simplest, practical, and most practical container skin)

Source: Internet
Author: User
Tags dnn dotnetnuke
This gives you some experiences on dnn !! Let's talk about the skin design most attractive to dnn !!
You must think that dnn can change the skin at will. This is a multi-region function, which is indeed the most humane and best suited to users.
Experience! No matter how many skins others make! You always want to customize a skin that you feel very good about yourself !! Well, let's start the latest and most exciting journey !!
You don't need more preparation! Just a little bit !! Well, let's take a look:

This is the effect of the simplest container skin !! Simple and clear !! Do not use any images !! So you can set the functions you need !! This is a user control *. ascx format! Of course, you can also use HTML to write !!
First, you need to register the dnn user controls in the file header: <% @ Control Language = "VB" codebehind = "~ /Admin/containers/container. VB "autoeventwireup =" false "Explicit =" true "inherits =" dotnetnuke. UI. containers. Container "%>
<% @ Register tagprefix = "dnn" tagname = "solpartactions" src = "~ /Admin/containers/solpartactions. ascx "%>
<% @ Register tagprefix = "dnn" tagname = "title" src = "~ /Admin/containers/title. ascx "%>
<% @ Register tagprefix = "dnn" tagname = "visibility" src = "~ /Admin/containers/visibility. ascx "%>
<% @ Register tagprefix = "dnn" tagname = "printmodule" src = "~ /Admin/containers/printmodule. ascx "%>
<% @ Register tagprefix = "dnn" tagname = "actionbutton1" src = "~ /Admin/containers/actionbutton. ascx "%>
<% @ Register tagprefix = "dnn" tagname = "actionbutton2" src = "~ /Admin/containers/actionbutton. ascx "%>

Then you need to layout your containers, and you just need to come here, just remember a few key points !!
1) <% = skinpath %> This identifier is required for any image. Otherwise, dnn cannot find your image path, which ensures that dnn can automatically find the image you added, for example, if your image is in the container folder, you only need to set it like this. yourpicture.gif" width = "8">
2) There must be such a sentence in the skin file, otherwise you will be busy, because this is the tag that marks dnn to place the module !!

<Tr>
<TD> <Div runat = "server" id = "contentpane"> </div>
</TD>
</Tr>

3)

<Tr>
<TD align = "Left" valign = "Middle" nowrap> <dnn: actionbutton1 runat = "server" id = "dnnactionbutton1" commandname = "addcontent. action "displayicon =" true "displaylink =" true "/>
</TD>
<TD align = "right" valign = "Middle" nowrap> <dnn: actionbutton2 runat = "server" id = "dnnactionbutton2" commandname = "syndicatemodule. action "displayicon =" true "displaylink =" false "/>
</TD>
</Tr>

They can use commandname to indicate the action to perform !!
No! Note that these three points are enough! It's easy !! Haha
Other details are my personal concerns !! If you are interested, feel it for yourself !! Really funny !!
Isn't it ?? When you can see that your style of skin appears on your dnn, do you have no feeling ?? Haha! No.
Isn't you an opportunity to enjoy yourself when you are new to dnn ??
For more details about the container skin information, see the download file below. You need to decompress it to dotnetnuke \ portals \ _ Default \ containers !! You will find the container skin in the containers drop-down box under skin Management !! Just like other containers !! A pleasant journey !!
: Http://files.cnblogs.com/sunwangji/BaldwinContainer.rar

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.