@Aaron_Seminoff wrote:

I am looking to have a right sidebar plugin integrated on my forum that features the top posting/contributing members each week.

So far I haven't been able to find anything like this, please let me know if/how this can be done - I am willing to hire someone to do this.

Posts: 2

Participants: 2

Read full topic

@Howen wrote:

I must confess I'm a noob.

My question is simple :

Eviltrout has fixed a problem which I had report, see https://meta.discourse.org/t/code-in-customize-section-not-saving/28750/5
But, ok, I have created an account on GitHub, and now, what must I do to use this fix on my own Discourse forum ?

Thanks for your answers.

Posts: 10

Participants: 3

Read full topic

@hongquan wrote:

I added custom links to the top header, next to the logo, to let user to go to my main site.
But by some reason, when I click to these links, nothing happens. I'm not brought to the main site.

This is the code of the links: http://i.imgur.com/RxX44og.png

How to overcome this?

Thanks

Posts: 2

Participants: 2

Read full topic

@SurabhiDewra wrote:

Below a topic, the related stats takes too much space/unnecessary focus. It becomes and effort to shift from a topic to replies. Hope this could be optimise.

Pasted image762x191 25 KB

Same goes with share & bookmark buttons. They look so primitive.
'

Posts: 3

Participants: 2

Read full topic

@PJH wrote:

I'm sure this never used to be like this:

That first (Logo Image) should be

And the second (Background Image) should be

Neither of which are particularly recognisable in the dialog.

Posts: 7

Participants: 6

Read full topic

@RaceProUK wrote:

If a user gains a trust level (e.g. TL3) while they are browsing the forum, then they can see topics in the categories they gain access to; however, the category names don't display in topic lists, and the custom backgrounds aren't visible.

A hard refresh fixes this, as it reloads all the category information.

Logged as ux as it's visual only.

Posts: 1

Participants: 1

Read full topic

@PJH wrote:

Continuing the discussion from Image sizes in category edit box:

I note that @zogstrip changed this topic by removing 1.3.0beta9 from the subject and replacing it with a tag.

Clicking the tag takes me to https://meta.discourse.org/tags/1.3.0beta9 whereupon I'm greeted with a largely blank screen (header only)

Pasted image930x121 9.35 KB

Console output:

Pasted image896x485 78.4 KB

Posts: 4

Participants: 2

Read full topic

@clay wrote:

There's a "ghost" category listed on the hamburger menu of a Discourse instance that I administer for some people. It links to the same category that is listed above it.

Screen Shot 2015-05-15 at 9.02.41 AM.png684x738 73.4 KB

Posts: 2

Participants: 1

Read full topic

@johnmuhl wrote:

In Firefox 38.0.5 the quote box background does not expand far enough to include the quote controls.

Screen Shot 2015-05-15 at 8.42.15.png705x95 10.5 KB

Posts: 1

Participants: 1

Read full topic

@plkap74 wrote:

[@sam continuing our discussion]

What do you all think about adding a switch to the SSO settings to disable the automatic "trusting" of email addresses. That is, forcing users to activate their discourse account when it is created via SSO.

Right now I think the assumption is that the email verification is done by the provider, and so it can be skipped in discourse. However, we run an ecommerce store and email validation on account creation would negatively impact conversion.

I'm going to spend a little time trying to get into the code base today, but let me know if you think this would be an acceptable addition (or if I shouldn't bother).

Posts: 4

Participants: 2

Read full topic

@Juan wrote:

I recently updated my internal instance to use SSO, and I want to force all users to re-login to validate their accounts against the other system.

Can I force every user to logout or is the only way to do it one by one?

Posts: 3

Participants: 3

Read full topic

@Stelmsind wrote:

Hi,

How difficult would it be to make the "create new topic by email" feature examine the Delivered-To field as well as the To field? I have a situation where I'm trying to manage a transition from a Mailman list and this feature would be very useful for me.

Sam

Posts: 3

Participants: 3

Read full topic

@rewphus wrote:

I want to first preface this with stating that this topic is not intended to suggest a best practice for Discourse design, or even recommend any changes with the current design. This is simply for informational purposes on how I ended up incorporating some Material Design elements in to my site.

I am not a professional, merely a hobbyist, so the code may be messy and sometimes bloated. It is simply what I ended up with to get the results I wanted. I would be happy to receive any input on how it can be optimized or improved upon in any way.

NOTE: I am not promising this code will work for the version your are on. I am currently on v1.3.0.beta7, so I had to manually remove the zebra stripes. In doing so I had to modify some code that you may or may not need to modify depending on your version.

Categories View

---

My first order of business was to create more visual separation with my Categories. In order to do this, I entered the following CSS:

//add space between categories

.topic-list.categories{
      border-spacing: 0 1em;
      border-collapse: separate;
}

.topic-list.categories th, .topic-list.categories td {
    padding: 0 15px 0 15px;
}

//remove zebra stripes

.topic-list.categories>tbody>tr:nth-child(odd), .topic-list.categories>tbody>tr:nth-child(even) {
    background-color: white;
}

To add shadows to the Category boxes, I originally had this code:

.topic-list.categories>tbody>tr td.stats, td.category, td.latest{
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 0 0 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 0 0 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 0 0 0 rgba(0, 0, 0, 0.12);
}

However, I found that added a shadow I didn't like to the Topic List as well, so I changed it to this, which is very specific to my site since only Categories have logos:

tr.has-logo td.stats,tr.has-logo td.category,tr.has-logo td.latest{
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 0 0 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 0 0 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 0 0 0 rgba(0, 0, 0, 0.12);
}

For the final touch, I changed the Topic List selection to be underlined when active instead of boxed

.nav-pills>li.active>a, .nav-pills>li>a.active {
  color: black;
  font-weight: 500;
  background-color: #f6f6f6; //matches main bg color
  border-bottom: 3px solid #D32f2f;
}

Topics List

---

This is the part where I manually removed the zebra stripes because I have not updated to the latest build yet:

// Remove Zebra Stripes
.topic-list>tbody>tr:nth-child(odd), .topic-list>tbody>tr:nth-child(even){
    background-color: white !important;
    border-bottom: 1px solid #e9e9e9;
}

.topic-list>tbody>tr:first-of-type {
  border-top: 3px solid #e9e9e9;
}

//add shadow behind the list of topics
.topic-list{
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  background-color: white;
  border-collapse: collapse;
}

And of course, you can't have a Material Design site without a fab.

The transitions are smoother than how it appears in the gif, but it is far from perfect. It was more of just a fun experiment that I wanted to challenge myself with. I do believe it provides some utility, however, since it is fixed on the screen and you don't have to scroll to the top to add a new topic, but it is mostly for cosmetic purposes.

I originally accomplished this with all CSS and a script in the header, but I eventually made a plugin so that the animation would occur more than on just the first page load.

The CSS is as follows, but I do warn you this is by far the most finicky CSS and in need of major refinement. It doesn't look great in tablet portrait view, for example. It should be able to be resolved with a simple media query, but I just haven't built it yet.

.list-controls #create-topic.btn-default .fa-plus:before {
  content: "\f067";
  position: relative;
  right: -12.85em;
}

.list-controls .btn-default[title="New Topic"] {
    padding: 22px 15px 22px 5px !important;
}


#create-topic.btn-default {
  border-radius: 40px;
  position: fixed;
  bottom: 30px;
  right: 50px;
  z-index: 999;
  padding: 22px 20px 22px 5px;
  background-color: #2196f3;
  color: white;
  text-indent: -157px;
    -webkit-box-shadow: 0 0 4px rgba(0,0,0,.14),0 4px 8px rgba(0,0,0,.28);
    -moz-box-shadow: 0 0 4px rgba(0,0,0,.14),0 4px 8px rgba(0,0,0,.28);
    box-shadow: 0 0 4px rgba(0,0,0,.14),0 4px 8px rgba(0,0,0,.28);
    overflow:hidden;
}

#create-topic.btn-default{
    width: 63px;
    height: 63px;
    color: #2196F3;
    -webkit-transition: right .5s, bottom .5s, border-radius .5s, text-indent .2s, visibility 1s, width .2s ease, height .5s ease .4s, color .5s, background-color 2s, -webkit-transform .5s;
    transition: right .5s, bottom .5s, border-radius .5s, text-indent .2s, visibility 1s, width .2s ease, height .5s ease .4s, color .5s, background-color 2s, transform .5s;
}

#create-topic.btn-default .fa-plus{
    color: white;
}

#create-topic.btn-default:hover{
  text-indent: 0px;
  width: 190px;
  color: white;
}

#create-topic.create-clicked{
  width: 100% !important;
  height: 390px;
  visibility: hidden;
  background-color: #d8d8d8;
  position: fixed;
  right: 0px;
  bottom: 0px;
  border-radius: 0px;
  text-indent: -9999px;
}

.new-controls{
    top: 100px !important;
    bottom: 45px !important;
}

#reply-control.edit-title{
    -webkit-transition: width .2s ease, height .2s ease-in .4s, -webkit-transform .5s;
    transition: width .2s ease, height .2s ease-in .4s, transform .5s;
}

//Return Topic Edit button to original position
.list-controls .btn-default[title="Edit"] {
  border-radius: 0px;
  position: inherit;
  z-index: 999;
  padding: 6px 12px;
  background-color: #2196f3;
  color: white;
  text-indent: 0px;
  -webkti-box-shadow: 0 0 4px rgba(0,0,0,.14),0 4px 8px rgba(0,0,0,.28);
  -moz-box-shadow: 0 0 4px rgba(0,0,0,.14),0 4px 8px rgba(0,0,0,.28);
  box-shadow: 0 0 4px rgba(0,0,0,.14),0 4px 8px rgba(0,0,0,.28);
}

And the Javascript is as follows, but once again, I by no means claim this is the right way to do it. Just the way I did it.

Discourse.PageTracker.current().on('change', function () {

        $('.list-controls').on('click', '#create-topic', function(){
            $('#create-topic').addClass('create-clicked');
            setTimeout(function() {$('#reply-control').appEvents.trigger("composer:opened");},650);
        });

        $('#main').on('click', '.cancel', function(){
            $('#create-topic').removeClass('create-clicked');
            $('#reply-control').addClass('hidden');
            setTimeout(function() {$('#reply-control').removeClass('hidden');},650);
            $('#reply-control').appEvents.trigger("composer:closed");
        });

        $('#main').on('click', '.toggler', function(){
            $('#create-topic').removeClass('create-clicked');
            $('#reply-control').addClass('hidden');
            setTimeout(function() {$('#reply-control').removeClass('hidden');},650);
            $('#reply-control').appEvents.trigger("composer:closed");
        });

    });

Topic Cards

---

The last major touch that was added was thanks to a topic about Showing Tiles for Topics. I used examples from @CleverPatrick and @smartwatchme to help me reach this result:

I am very happy with it, as I find that it helps promote recent content by bringing it front and center. It really works well for my use case because I have it only being populated by the Games category which is always guaranteed to have a nice image to show in the card.

Please let me know if you have any questions. I am by no means an expert on CSS or Material Design, but I would be happy to help in any way possible.

Posts: 8

Participants: 6

Read full topic

@dbo wrote:

I just setup Discourse using the guide on the GitHub repo for setting up on Digital Ocean, and it seems that everything is working well after having some trouble with the email config and not knowing that I had to rebuild the container to get email working.

I looked around and didn't see these questions answered specifically, so my apologies if this is a duplicate:

1) I configured the email using my shared hosting provider and it seems to work fine. However, the email as configured also automatically includes a mailbox. Does Discourse need to have POP3 access or is SMTP by itself fine? I don't know what I'm supposed to do here or what makes sense. What does Discourse need?

2) If I'm using my shared hosting SMTP, do I still need to mess around with SPF or DKIM? I don't know and the only articles I found have to do with Mandrill which I'm not using.

Thanks!

Posts: 2

Participants: 2

Read full topic

@pacharanero wrote:

A minor bug, but one that has caused some of our users some problems. When they try to invite someone (often by copy-pasting an email address from somewhere else) the 'Send Invite' button is greyed out if there is a leading or trailing space, a comma, etc included with the email address.

With trailing or leading spaces in particular, the reason for not being able to click the 'Send Invite' button is not obvious, and is frustrating. Removing the leading/trailing space always re-enables the button and it can then be clicked.

I am presuming that the email address field is later sanitized and trailing spaces stripped anyway, before anything is done with the email address in Discourse the Rails app, but presumably this occurs after the button is clicked. Nevertheless there must be some kind of client side/Ember validation going on that is greying out the button for invalid input. This client side validation needs to strip or ignore whitespace.

Images: Left with a trailing space (same greyed-out appearance with both leading and trailing spaces) Right without trailing space:

Selection_075.png523x520 29.7 KB

Selection_074.png523x520 30 KB

Marcus

Posts: 2

Participants: 2

Read full topic

@BCHK wrote:

Hi,

I'm running the latest Discourse release on Digital Ocean on their 2 GB service.

The server has stopped working twice in the past week and I'm wondering what could be wrong. I've had to go in and do a soft restart whenever this happens.

This is the first time in 1 year of operation so it seems like maybe I'm bumping up against some sort of limit.

We have about 200,000 messages in 20,000 topics. We get about 30,000 api requests a day. I have it set up to do two backups and we're really down on the backup space left:

Here is what I'm seeing in the Digital Ocean reports panel:

And here are the long term trends on my forum:

Also - is there a way to get automatic notifications from Digital Ocean when the forum software goes down? Right now I have to wait until I discover it when I happen to check the forums.

Any ideas? (I'm not a software engineer).

Posts: 5

Participants: 5

Read full topic

@saper wrote:

I tried to post this post to the gradle.org forum, and I was just getting an "Sorry, an error occurred" popup without any explanation.

Armed with the browser JavaScript debugger, I found out there is a better error message being returned as JSON:

{"action":"create_post","errors":["Title is invalid; try to be a little more descriptive"]}

This message should be displayed to the users, I think.

By the way, I don't know how can I be "more descriptive" if I quote a complete error message from the build process.... this error message is pretty confusing.

I have reported this problem to the gradle.org forum as well.

Posts: 4

Participants: 3

Read full topic

@dogweather wrote:

I'm having trouble finding "discourse documentation" in general, but I'm most interested in seeing how I'd customize an installation yet stay upgradable and within the framework's intended usage.

A simple example: de-emphasizing this text (because I feel that it's implementation detail):

So my process which I'm having problems doing is:

• Figure out: is this something that one can change?
• If it can be changed, then what is the most maintainable and future-proof way?

This applies to all kind of potential customizations.

I.e., a Discourse equivalent of the Wordpress Child Theme docs page. I realize that Wordpress is a much more mature piece of software. But I wanted to put my 2 cents in for this kind of general guidance.

Posts: 2

Participants: 1

Read full topic

@ChristopherMcEwan wrote:

Can anyone suggest a WordPress theme that will provide a similar look to plain, straight out of the box Discourse?

I am not trying to integrate my discussion back into wordpress, just provide a landing and a couple of other pages before entering the Discourse forum and would like it not to feel like you have gone to a completely different site on entering the forum page.

Posts: 1

Participants: 1

Read full topic

@lowaj wrote:

I am very interested in using Discourse as a forum for a private members site built on wordpress and using PMPro . I am considering using your hosted service and wondered about the support available to get this integrated with my wordpress website.
The main issue I will need to address is single sign-on using the Wordpress users and PMPro membership level to control access to the forum (I see something similar discussed here but it didn't seem to get resolved).
I also wish to pull out data from the forum via the API to display stats on the members dashboard (e.g. number of that user's posts, replies, likes, badges) within the wordpress site. This appears to be possible using the API but it not clear where to access support documentation.

Is it possible to pay for development work to implement these requests? Thanks!

Posts: 1

Participants: 1

Read full topic