Skip to content

Commit

Permalink
Overall UX/UI overhaul modifications w/responsive design.
Browse files Browse the repository at this point in the history
Added FontAwesome 4.1.0 and BS3.
Added topic excerpt with read more/less expansion.
Changed font-family to Helvetica Neue stack (sans-serif) and post
content to Georgia stack (serif).
Modified mini search drop down.
Modified button classes.
Modified input, textarea classes.
Improvements on landing page when first initialized.
Added new logo to the initialization/start page.
Add collapse navigation.
Fix IE11 layouts and forms.
  • Loading branch information
cnvo committed Sep 17, 2014
1 parent f6df137 commit 606dd8a
Show file tree
Hide file tree
Showing 13 changed files with 2,813 additions and 526 deletions.
2 changes: 1 addition & 1 deletion App_LocalResources/SharedResources.resx
Original file line number Diff line number Diff line change
Expand Up @@ -1157,7 +1157,7 @@ From,
<value>You are not authorized to post a reply.</value>
</data>
<data name="[RESX:NotAuthorizedTopic].Text" xml:space="preserve">
<value>You are not authorized to create a new topic.</value>
<value>&lt;span class="afnotauthorized"&gt;You are not authorized to create a new topic&lt;/span&gt;</value>
</data>
<data name="[RESX:DateCreated].Text" xml:space="preserve">
<value>Date Created</value>
Expand Down
9 changes: 9 additions & 0 deletions Classic.ascx
Original file line number Diff line number Diff line change
@@ -1,4 +1,13 @@
<%@ Control Language="C#" AutoEventWireup="false" CodeBehind="Classic.ascx.cs" Inherits="DotNetNuke.Modules.ActiveForums.Classic" %>

<!--
// We do not need to use BS3 for now,
// for the time being, we will do all
// of our responsive w/o a framework.
<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet"> -->
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">

<asp:placeholder ID="plhToolbar" runat="server" />
<div class="afcontainer" id="afcontainer">
<div id="amnotify" class="amnotify"><div><i></i><span id="amnotify-message"></span></div></div>
Expand Down
101 changes: 76 additions & 25 deletions config/templates/ForumView.txt
Original file line number Diff line number Diff line change
@@ -1,48 +1,99 @@
<%@ Register TagPrefix="af" Assembly="DotNetNuke.Modules.ActiveForums" Namespace="DotNetNuke.Modules.ActiveForums.Controls"%>
[BREADCRUMB]
[GROUPSECTION]
<table class="afgrid">
<div class="afgrid">
<div class="afgrid-inner">
<div class="afgroupsection">
<tr>
<td class="afgrouprow af-groupname">[GROUPNAME]</td>
<td class="afgrouprow af-groupname"><div class="afgroupsectiontitle">[GROUPNAME]</div></td>
<td class="afgrouprow af-groupcollapse">[GROUPCOLLAPSE]</td>
</tr>
</div>
<tr>
<td colspan="2">
[GROUP]
<table class="afsubgrid">
<table class="afgrid" cellspacing="0" cellpadding="0" width="100%">
<tr>
<td class="afheader">[SPACER:10:1]</td>
<td class="afheader" width="100%" colspan="2">[RESX:FORUMHEADER]</td>
<td class="afheader af-colstats">[RESX:TOPICSHEADER]</td>
<td class="afheader af-colstats">[RESX:REPLIESHEADER]</td>
<td class="afheader af-lastpost">[RESX:LASTPOSTHEADER]</td>
<td class="afgrouprow afgrouprow-f">
<div class="afcontrolheader">[RESX:FORUMHEADER]</div>
</td>
<td class="afgrouprow afgrouprow-m">
<div class="afcontrolheader">[RESX:TOPICSHEADER]</div>
</td>
<td class="afgrouprow afgrouprow-m">
<div class="afcontrolheader">[RESX:REPLIESHEADER]</div>
</td>
<td class="afgrouprow afgrouprow-l">
<div class="afcontrolheader">[RESX:LASTPOSTHEADER]</div>
</td>
</tr>


[FORUMS]
<tr>
<td class="[CSS:afforumrowtop:afforumrowmid:afforumrowbottom]">[FORUMICON]</td>
<td class="[CSS:afforumrowtop:afforumrowmid:afforumrowbottom] af-forumdetail" colspan="2">[FORUMNAME]<br />[FORUMDESCRIPTION]</td>
<td class="[CSS:afforumrowtop:afforumrowmid:afforumrowbottom] af-colstats">[TOTALTOPICS]</td>
<td class="[CSS:afforumrowtop:afforumrowmid:afforumrowbottom] af-colstats">[TOTALREPLIES]</td>
<td class="[CSS:afforumrowtop:afforumrowmid:afforumrowbottom] af-lastpost"><div>[LASTPOSTSUBJECT:25]<br />[RESX:BY] [DISPLAYNAME]<br />[LASTPOSTDATE]</div></td>
<td colspan="0">
<table class="afgrid" cellspacing="0" cellpadding="0" width="100%">
<tr>
<td class="aftopicrow _hide" width="20">[FORUMICON]</td>
<td class="aftopicrow af-content">
<table>
<tr>
<td rowspan="2" class="afsubject">

<span class="afhiddenstats">[TOTALTOPICS] [RESX:TOPICSHEADER] and [TOTALREPLIES] [RESX:REPLIESHEADER]</span>
<span class="aftopictitle">[FORUMNAME]</span>
<span class="aftopicsubtitle">[FORUMDESCRIPTION]</span>

</tr>
</table>
</td>
<td class="aftopicrow af-colstats af-colstats-replies">[TOTALTOPICS]</td>
<td class="aftopicrow af-colstats af-colstats-views">[TOTALREPLIES]</td>
<td class="aftopicrow af-lastpost"><div class="af_lastpost" style="white-space:nowrap;">[LASTPOSTSUBJECT:25]<br />[RESX:BY] [DISPLAYNAME]<br />[LASTPOSTDATE]</div></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
[SUBFORUMS]
<tr>
<td class="[CSS:afsubforumrowtop:afsubforumrowmid:afsubforumrowbottom]"></td>
<td class="[CSS:afsubforumrowtop:afsubforumrowmid:afsubforumrowbottom] af-minicon">[FORUMICONSM]</td>
<td class="[CSS:afsubforumrowtop:afsubforumrowmid:afsubforumrowbottom] af-subforumdetail">[FORUMNAME]<br />[FORUMDESCRIPTION]</td>
<td class="[CSS:afsubforumrowtop:afsubforumrowmid:afsubforumrowbottom] af-colstats">[TOTALTOPICS]</td>
<td class="[CSS:afsubforumrowtop:afsubforumrowmid:afsubforumrowbottom] af-colstats">[TOTALREPLIES]</td>
<td class="[CSS:afsubforumrowtop:afsubforumrowmid:afsubforumrowbottom] af-lastpost"><div>[LASTPOSTSUBJECT:25]<br />[RESX:BY] [DISPLAYNAME]<br />[LASTPOSTDATE]</div></td>
</tr>
<tr>
<td colspan="0">
<table class="afgrid" cellspacing="0" cellpadding="0" width="100%">
<tr>
<td class="aftopicrow _hide" width="20">[FORUMICONSM]</td>
<td class="aftopicrow af-content">
<table>
<tr>
<td rowspan="2" class="afsubject">

<span class="afhiddenstats">[TOTALTOPICS] Topics and [TOTALREPLIES] Replies</span>
<span class="aftopictitle">[FORUMNAME]</span>
<span class="aftopicsubtitle">[FORUMDESCRIPTION]</span>

</tr>
</table>
</td>
<td class="aftopicrow af-colstats af-colstats-replies">[TOTALTOPICS]</td>
<td class="aftopicrow af-colstats af-colstats-views">[TOTALREPLIES]</td>
<td class="aftopicrow af-lastpost"><div class="af_lastpost" style="white-space:nowrap;">[LASTPOSTSUBJECT:25]<br />[RESX:BY] [DISPLAYNAME]<br />[LASTPOSTDATE]</div></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
[/SUBFORUMS]
[/FORUMS]
</table>
[/GROUP]
</td>
</tr>
</table>
</div>
</div>
[/GROUPSECTION]
[WHOSONLINE]
<div style="text-align:right;">[JUMPTO]</div>


[WHOSONLINE]
<div style="text-align:right;">[JUMPTO]</div>
22 changes: 14 additions & 8 deletions config/templates/TopicView.txt
Original file line number Diff line number Diff line change
@@ -1,10 +1,17 @@
<%@ Register TagPrefix="am" Namespace="DotNetNuke.Modules.ActiveForums.Controls" Assembly="DotNetNuke.Modules.ActiveForums" %>

<div class="aftopicjumper">
<div class="afprevtopic">[PREVTOPIC] <span class="aftopicjumperdesc _hide">Go to previous topic</span></div>
<div class="afnexttopic">[NEXTTOPIC] <span class="aftopicjumperdesc _hide">Go to next topic</span></div>
</div>
<table class="afgrid">
<tr>
<td>
[BREADCRUMB]<div class="afcrumb">[FORUMMAINLINK] > [FORUMGROUPLINK] > [FORUMLINK]</div>[/BREADCRUMB]

<div class="aftopicsum">[RESX:LastPost] [AF:LABEL:LastPostDate] [RESX:BY] <strong>[AF:LABEL:LastPostAuthor]</strong></div>
<div class="aftitlelg">[SUBJECT]</div>
<div class="aftopicsum">[RESX:LastPost] [AF:LABEL:LastPostDate] [RESX:BY] [AF:LABEL:LastPostAuthor]. [AF:LABEL:ReplyCount] [RESX:REPLIES].</div>
<div class="aftopicreplies">[AF:LABEL:ReplyCount] [RESX:REPLIES]</div>
<div class="afprop-list">
<ul>
[AF:PROPERTIES]
Expand All @@ -13,7 +20,7 @@
</ul>
</div>
</td>
<td align="right" valign="top"><div style="padding:5px;"><span class="afactionicon">[AF:CONTROL:ADDTHIS:0]</span><span class="afactionicon">[AF:CONTROL:PRINTER]</span><span class="afactionicon">[AF:CONTROL:EMAIL]</span></div>
<td class="_hide" align="right" valign="top"><div style="padding:5px;"><span class="afactionicon">[AF:CONTROL:ADDTHIS:0]</span><span class="afactionicon">[AF:CONTROL:PRINTER]</span><span class="afactionicon">[AF:CONTROL:EMAIL]</span></div>
[POSTRATINGBUTTON][AF:CONTROL:STATUS]<div style="padding-top:5px;">[RESX:SortPosts]:[SORTDROPDOWN]</div>
</td>
</tr>
Expand All @@ -23,7 +30,6 @@
<table class="afgrid">
<tr>
<td class="afnormal">[TOPICSUBSCRIBE]</td>
<td class="afnormalbold" style="text-align:right;vertical-align:bottom;">[PREVTOPIC] [NEXTTOPIC]</td>
</tr>
<tr>
<td valign="bottom" style="white-space:nowrap;padding-bottom:5px;"><div class="afbuttonarea">[ADDREPLY]</div></td>
Expand All @@ -34,9 +40,9 @@
<div id="afgrid" style="position:relative;">
<table class="afgrid" cellpadding="4">
<tr>
<td class="afgrouprow" style="width:125px;text-align:center;">[RESX:Author]</td>
<td class="afgrouprow" align="center">[RESX:Messages]</td>
<td class="afgrouprow" width="24" style="text-align:right;">[AF:CONTROL:STATUSICON]</td>
<td class="afgrouprow aftopicviewheader" style="width:125px;text-align:left;">[RESX:Author]</td>
<td class="afgrouprow aftopicviewheader" align="left">[RESX:Messages]</td>
<td class="afgrouprow aftopicviewheader" width="24" style="text-align:right;">[AF:CONTROL:STATUSICON]</td>
</tr>
</table>
<table class="afgrid" cellpadding="4">
Expand All @@ -46,7 +52,7 @@
<td class="[POSTREPLYCSS]">
<table class="afgrid" cellpadding="4">
<tr>
<td class="afsubrow"><a name="[POSTID]"></a>[POSTDATE]</td>
<td class="afsubrow afsubrowdate"><a name="[POSTID]"></a>[POSTDATE]</td>
<td class="afsubrow af-actions">[AF:CONTROL:TOPICACTIONS]</td>
</tr>
<tr>
Expand Down Expand Up @@ -99,7 +105,7 @@
</div>
<table class="afgrid" cellpadding="4">
<tr>
<td class="afnormal">[ADDREPLY]</td>
<td class="afbuttonarea">[ADDREPLY]</td>
<td class="af-right"><div class="af-fright">[PAGER2]<br />[JUMPTO]</div></td>
</tr>
</table>
Expand Down
Loading

0 comments on commit 606dd8a

Please sign in to comment.