Forum experience?

hpl123

Hi all,
Working on a small forum like module in my application and wondering if anyone has done something like this in an application before? The forum like module should be very simple and not a full blown forum but the module should have similar features e.g. categories, posts etc.

Please share your experience if you have done something like this. Thanks in advance.

PS: If anyone has done a version of this with the custom data template and want to share the "code", that would be great.

hpl123

Rennur, come to think about it. The ideas app was almost like an forum, have you worked on it for long and was it a long "journey" developing the app functionality?

Also, can you share some code you think (doesn´t have to be it all, even just pointers would be helpful). Thanks

Rennur

It was a few days work, when I had some free time. More complex functionality like calculating the Idea popularity and trends based on votes and comments age and frequency I haven't touched on yet.

I'm deciding wether to develop it further for commercial purposes or to release it as a BSV extension.

hpl123

Ok thanks. The functionality you have developed in the Ideas app is way more advanced than I need for my purposes. It´s just going to be categories and posts under each category with username, creation date and that´s about it. I will see if I can throw something together.

Rennur

Do you want to have the HTML forms similar to the Idea app?
I'm happy to help you with that.

Have a look at this developer community site with forum like posts:

Its in Chinese but just translate using Chrome built in Translation feature.

http://f2e.im/

Check out the Navigation
http://f2e.im/static/pages/nav/index.html

hpl123

Rennur, thanks for the offer to help 🙂. The Chinese version looks great and something like that is just what i´m after. The first link should be the questions listed under a category so for example the user click a category and then gets to a list of this kind. Regarding link 2, is this the navigation for that discussion list in link 1? Looks cool.

Have you done something like the list in link 1 before?

PS: When you write about the HTML forms in the Idea app, is this the list of ideas or? Hard to tell, I´m still a HTML newbie and Aware IM hack newbie 🙂.

Rennur

You can create categories (topics)

HTML Form is the BO > Form > HTML Cell

Cheers

Rennur

Henrik,

Develop the BOs:
Post

Title
Body text
Topic
Name
Reply
Body text

and any other BOs.

Once you get all the relationships & rules working, I'll do the HTML & CSS stuff. If you keep it simple like you said my part shouldn't take that long.

Cheers

hpl123

Thanks for the help Rennur and tell me if I can return the favor. Regarding the topic/category etc., the simple approach like in the screenshots looks good. I will start cracking 🙂.

hpl123

Rennur,
Have created the BO´s and will PM you the bsv.
Thanks again

Rennur

Hi Henrik, for this to work you must download and extract Bootstrap to ../webapps/AwareIM/bootstrap & FontAwesome to ../webapps/AwareIM/FontAwesome/ directory. Then link to both in startup.html.
Code:
<link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap.css">
<link rel="stylesheet" type="text/css" href="FontAwesome/css/font-awesome.css">

Open extracted ../bootstrap/css/bootstrap.css, place a comment /* */ around legend & label to disable it. Had some conflict issues with ExtJs, not sure if its still the case now.

/* legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: inherit;
  color: #333;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}
label {
  display: inline-block;
  margin-bottom: 5px;
  font-weight: bold;
}
*/

It'll be ready soon.

Cheers

hpl123

Great stuff, thanks.

Rennur

Here are the screenshots

I'll send you the BSV

Cheers

hpl123

Again, BIG thanks and have sent you some praise 🙂. Have a good weekend.

RentProperty

Hi Guys!

Would it be possible to share an example bsv so I can just see how you implemented the bootstrap theme? I'm struggling ALOT to get it to work. Tried the instructions under the Sticky Notes post as well but something does not look right. 🙂

Will be much appreciated.

Kindest Regards

Hein

hpl123

Hi Hein,
I haven´t gotten to implementing this in my application yet but Rennur can surely help you with pointers and possible examples.

Rennur

Would it be possible to share an example bsv so I can just see how you implemented the bootstrap theme? I'm struggling ALOT to get it to work.

The theme I use is Blue Bay, Bootstrap is a framework linked viaa link in startup.html. I use it for most my HTML styles, tables, buttons panels etc.. but not all.

It is not a template that replaces Blue Bay. Some classes conflict with the Blue Bay template (2 or 3 in may case). You can either comment them out or adjust them (like I've done) manually in a separate css file (eg. myTemplateAdjustedClasses.css).
You would need to comment out any adjusted classes in the template .css (bluebay.css).

Don't forget, Bootstrap also has .JS files and it alsouses jQuery. Both need to be linked to in startup.html.

AwareIM uses jquery but I'm not sure if it is loaded on strartup or on demand.

Rennur

My startup.html, my changes are in blue, originals are in orange.

Always backup original files. Please note: ver 5.9 will have an addition, link to gantt chart .css.
Do not completely replace it with your amended version until you add the extras from it.

<!DOCTYPE html> 
<html lang="en">
<head>
<link rel="stylesheet" type="text/css" href="ext-4.1.0/resources/EdgeUXBlueBay/resources/css/bluebay.css" id="bas_cur_theme">


<link rel="stylesheet" type="text/css" href="aware_ext/resources/css/bluebay-all.css">


<link rel="stylesheet" type="text/css" href="fw/def2/style/default.css">

<meta charset="utf-8"> 
<META NAME="ROBOTS" CONTENT="NOINDEX, NOFOLLOW">

<link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap.css">
<link rel="stylesheet" type="text/css" href="assets/css/font-awesome.css">
<link rel="stylesheet" type="text/css" href="assets/css/myBluebayReplacements.css">
<link rel="stylesheet" type="text/css" href="assets/css/AnyCustomCSS.css">


<style type="text/css">
img { behavior: url(aware_ext/resources/css/iepngfix.htc)}
</style>

<! Some other stuff I use (not sure if it would be relevant -->
<script src="assets/js/modernizr-latest.js"></script>





</head>

<body><div id="bas_startup_msg" style="text-align: center; padding-top: 200px; ">Loading page. Please wait...</div>
<div style="visibility:hidden;" id="main_screen" >

</div>

<script type="text/javascript" src="ext-4.1.0/ext-all.js"></script>
<script type="text/javascript" src="aware_ext/aware_full.js?V1814"></script>


<script type="text/javascript">
Ext.onReady(function(){
```
	// find the DIV with XML node
	var div = Ext.get ('main_screen');
	if (div == null) 
		return; 
	
	var xmlText = "";
	for (var i = 0; i < div.dom.childNodes.length; ++ i)
	{
		xmlText += div.dom.childNodes [i].nodeValue;
	}
	var xmlDoc = parseXMLDocument (Ext.String.trim (xmlText));
	if (xmlDoc == null)
	{
		alert ('Unable to parse XML');
		return;
	}
	if (xmlDoc.parseError && xmlDoc.parseError.reason && xmlDoc.parseError.reason != '')
	{
		alert ('XML parsing error ' + xmlDoc.parseError.reason + ' on line ' + xmlDoc.parseError.line + ' ' + xmlDoc.parseError.srcText);
		return;
	}
	
	   
	var startupMsg = Ext.get ('bas_startup_msg');
	if (startupMsg)
		startupMsg.remove ();
		
	AwareApp.start (xmlDoc);
}); 
```
</script>

<script src="assets/js/jquery-1.10.2.min.js"></script>
<script src="assets/js/jquery-ui-1.10.3.min.js"></script>
<script type="text/javascript" src="bootstrap/js/bootstrap.js"></script>
<script src="http://platform.twitter.com/widgets.js"></script>
<script src="assets/js/holder.js"></script>

</body>
</html>

Cheers

Rennur

For reference, I've re-posted this in Tips & Tricks

Tips & Tricks Startup.html forum link

Cheers

Rennur

Would it be possible to share an example bsv so I can just see how you implemented the bootstrap theme?

Implementing Bootstrap, see previous posts.

As for the the sample bsv, it's up to Herrik to share it with the community.

Cheers