New Community Website

Ordinarily, you'd be at the right spot, but we've recently launched a brand new community website... For the community, by the community.

Yay... Take Me to the Community!

The Community Blog is a personal opinion of community members and by no means the official standpoint of DNN Corp or DNN Platform. This is a place to express personal thoughts about DNNPlatform, the community and its ecosystem. Do you have useful information that you would like to share with the DNN Community in a featured article or blog? If so, please contact community@dnnsoftware.com.

The use of the Community Blog is covered by our Community Blog Guidelines - please read before commenting or posting.

Styling the Modal PopUps in your Skin

Sep 02

Comments (3), Permalink

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.

Published: September 02, 2013
By: Matthias Schlomann

Comments

Thanks for the great tip.

Bruce de Beer Monday, September 9, 2013 11:10 AM (link)

Hola.

Hace un buen tiempo estoy buscando documentacion de como hacer una ventana modal en dotnetnuke, en donde dicha ventana emergente se ejecute con un enlace o url invocando una pagina web .aspx, .ascx o html.

Es posible colocar un ejemplo que demuestre el resultado de este topico para ver si es lo que estoy buscando.

Gracias.

luis bessewell feliz Tuesday, October 1, 2013 2:01 AM (link)

Hi Luis,

if I understanding you right, you want to open a page on your own module in a Modal PopUp. This is not the topic of my blog above. The Topic is designing the layout of the existing MaodalPopups e.g Page Settings, Module Settings ... that are allready included into the DNN Platform Frame work.

But I think I have found a post that Reflex to your Topic with a lot of links http://www.dnnsoftware.com/answers/cid/15525.

Please use only english to post on this site!

Thanks!

Matthias Schlomann Tuesday, October 1, 2013 12:57 PM (link)

Comment Form

Only registered users may post comments.

Products

Solutions

Resources

Partners

Community

About

New Community Website

Styling the Modal PopUps in your Skin

Comments

Comment Form

NewsArchives

ESW Operations, LLC