About:
The following tests, include most CSS classes used by DotNetNuke and some commonly used elements
Headers
Head H1
Head H2
Head H3
Head H4
Head H5
Head H6
Linked Headers
.Normal Text in <div>
Epsum factorial non
www.40fingers.net quo hic escorol. Olypian quarrels et gorilla congolium sic ad nauseum. Souvlaki ignitus carborundum e pluribus unum. Defacto lingo est igpay atinlay. Marquee selectus non provisio incongruous feline nolo contendre. Gratuitous octopus niacin, sodium glutimate. Quote meon an estimate et non interruptus stadium. Sic
.Normal Text Paragraphs <p>
Epsum factorial non www.40fingers.net quo hic escorol. Olypian quarrels et gorilla congolium sic ad nauseum. Souvlaki ignitus carborundum e pluribus unum. Defacto lingo est igpay atinlay. Marquee selectus non provisio incongruous feline nolo contendre. Gratuitous octopus niacin, sodium glutimate. Quote meon an estimate et non interruptus stadium. Sic
Epsum factorial non www.40fingers.net quo hic escorol. Olypian quarrels et gorilla congolium sic ad nauseum. Souvlaki ignitus carborundum e pluribus unum. Defacto lingo est igpay atinlay. Marquee selectus non provisio incongruous feline nolo contendre. Gratuitous octopus niacin, sodium glutimate. Quote meon an estimate et non interruptus stadium. Sic
Inline elements
Link
This is <i>talic text
This is <b>old text
This is <strong> text
This is <small> text
This is <big> text
Default Classes
.NormalBold
.NormalRed
.NormalDisabled
.Head
.SubHead
.SubSubHead
Table
Table Caption
Header Row 1 |
Header Row 2 |
Header Row 3 |
Footer Row 1 |
Footer Row 2 |
Footer Row 3 |
Row1 Cell1 |
Row1 Cell2 |
Row1 Cell3 |
Row2 Cell1 |
Row2 Cell2 |
Row2 Cell3 |
Row3 Cell1 |
Row3 Cell2 |
Row3 Cell3 |
Row 4 colspan = 3 |
Buttons
CommandButton
DNN input
DNN Input:
DNN Textarea:
Lists
-
Unordered Level 1
-
Unordered Level 2
-
Unordered Level 3
-
Unordered Level 3
-
Unordered Level 3
-
Unordered Level 2
-
Unordered Level 2
-
Mulitline test: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi rhoncus; sapien id interdum pharetra, ipsum turpis venenatis metus; a pellentesque libero magna eu neque. In a ante et mi mollis porttitor. Maecenas vulputate sapien dui. Nam risus nisl, lacinia quis luctus gravida, ultrices at mauris. Proin convallis faucibus felis. Donec eget eros ligula, ac cursus ipsum. Suspendisse potenti.
-
Unordered Level 1
-
Ordered Level 1
-
Ordered Level 2
-
Ordered Level 3
-
Ordered Level 3
-
Ordered Level 3
-
Ordered Level 2
-
Ordered Level 2
-
Mulitline test: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi rhoncus; sapien id interdum pharetra, ipsum turpis venenatis metus; a pellentesque libero magna eu neque. In a ante et mi mollis porttitor. Maecenas vulputate sapien dui. Nam risus nisl, lacinia quis luctus gravida, ultrices at mauris. Proin convallis faucibus felis. Donec eget eros ligula, ac cursus ipsum. Suspendisse potenti.
-
Ordered Level 1
Float Test
Test your container with floated content
Is users use floats in the content of the HTML module (for example by right-aligning an image), they will most likely not clear these floats.
The effect can be that the content sticks out below the end of the container.
You should add a clear:both to the first element of your container after the Content Pane to make sure that does not happen.
This content helps to test if your container was cleared correctly.
For this test to work this should be the last content in the HTML module!
Dummy Content
In ac urna in eros auctor dictum vitae nec arcu? Curabitur eu dolor sit amet mi pulvinar lacinia. Phasellus dictum congue dui nec condimentum. Duis porttitor elementum quam in hendrerit. Nunc in nunc purus, eu venenatis augue. Integer consequat tincidunt eros ut interdum. Proin id dui et nulla venenatis tristique. Aenean nec nulla est, at egestas leo. Fusce aliquam ipsum sit amet velit dictum sed bibendum massa malesuada. Nullam nec neque lorem, non convallis sem. Proin posuere, urna eget porta venenatis, ante augue facilisis nibh, ullamcorper convallis sapien velit et mi.