My Cart (0)  |  My Orders  |  My Downloads  |  My Auction  |  My Account  |  Help


Login |Register        Search

Change the style of DNN default popup skin

                Print      Add To Favorite     Add To Watch List     Contact Author

Creator: host   3/16/2014 10:15:48 PM    Author: Matthias Schlomann   Source: http://www.dnnsoftware.com/community-blog/cid/154914/styling-the-modal-popups-in-your-skin   Views: 3402    0    0  
Tags:
Dnn Skinning skin design Popup Free DNN Skin


    In revising
 my Metro7 skins for DNN Platform / evoq I came across the problem that I could not change the style settings for a popup. The changes were only applied when I had thepopups disabled.

 

The search for a solution, it initially proved difficult and took several days to complete.However, the solution is quite simple if you know what you must do.

 

It created a new UserControl called popUpSkin.ascx with the following content:

 

1.<%@ Control Language="C#" CodeBehind="~/DesktopModules/Skins/skin.cs" AutoEventWireup="false" Inherits="DotNetNuke.UI.Skins.Skin" %>
2.<div id="ContentPane" runat="server" />

 

After you create a style sheet file called popUpSkin.css with the following values​​:

 

1.html {height: auto;}

 

The third and last type of document in the popUpSkin.doctype.xml file is still created withthe following contents:

 

1.<SkinDocType><![CDATA[<!DOCTYPE html>]]><SkinDocType>

 

After create this file, now are also the changes in the skin stylesheet Skin.css such as the buttons, tabs, ect. taken as the pop, as in the control sites.


Rating People: 2   Average Rating:     

     DnnModule.com is built to provide DNN quality modules and DNN skins, some of them are free, some not. We wish these stuffs (free or not ) can be useful to you.

     Besides that, we also provide a full range of professional services, ranging from web site build, seo, system management, administration, support, senior consultancy and security services. We act as if your development project or network was ours, with care and respect. We are not satisfied until it works the way you want it to, and we don't silently ignore found issues as somebody else's problem.