1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Moderation checkboxes

Discussion in 'XenForo Questions and Support' started by mjp, Nov 12, 2010.

  1. mjp

    mjp Well-Known Member

    This may be picking at nits, but the moderation checkboxes all over the thread list and on each post are kind of driving me to distraction. I want to make them light gray or smaller or 1px borders or something, so they are not so prominent, but I am failing miserably.

    I'm no design genius, but I know you can tweak input elements like checkboxes via CSS. Problem is I located the likely spots (for individual posts: Style Property Groups > Style Properties: Message Layout > Controls Area) but I can't get anything to budge via additional CSS.

    Has anyone tweaked those checkboxes themselves, and if so, can you pass along any tips?
  2. Lawrence

    Lawrence Well-Known Member

    Which browser are you using? From my experience with styling check boxes, it is not simple because of the limitations of each browser.

    I needed to use CSS to hide check boxes on a style I made awhile back. I created an image to replace the check box with, and used JS to listen for the onClick event to check the hidden check box when the image was clicked on. It worked, but I never liked using that approach just to style a check box, so just lived with how check boxes looked, and radio buttons too.
  3. Forsaken

    Forsaken Well-Known Member

    .listBlock input,
    .messageMeta input
    	border:1px solid @darkMain;
    Just switch out the @darkXXX for your own colors.

    Add it to public.css.
    anotheralias likes this.
  4. mjp

    mjp Well-Known Member

    I'm trying it in all kinds of browsers. Primarily I use Firefox, but I'm checking in Chrome, IE, Opera.
    Thanks, but that doesn't do anything to the checkboxes.
  5. Forsaken

    Forsaken Well-Known Member

    Changes them on my install: http://dev.imperialanime.com/forums/main-forum.2/
  6. Peggy

    Peggy Well-Known Member

    psssttt we can't see them on your install.
  7. Forsaken

    Forsaken Well-Known Member

    Yeah I just remembered that... Give me a second.

  8. Lawrence

    Lawrence Well-Known Member

    The only way I know of to style check boxes (and appear the same on all browsers) is to hide them and use JS to check them when you click the replacement graphic. When the form is submitted, the hidden check box value that was set by JS is submitted like a normal check box would be. I'll search my back-ups from my old site to see if I still have how I did it.
  9. Brogan

    Brogan XenForo Moderator Staff Member

  10. mjp

    mjp Well-Known Member


    Since it's mainly bugging me, the solution doesn't have to work in every browser. I only have two other moderators and we all use Firefox. If it comes down to javascript I'll probably just pass and live with it. I just thought someone might have already figured out a way to do it with CSS. If that's even possible.
  11. Forsaken

    Forsaken Well-Known Member

    I told you the way to do it.

    For forum_list:
    <input type="checkbox" name="threads[]" value="2" class="InlineModCheck" id="inlineModCheck-thread-2" data-target="#thread-2"/>
    For posts:

    <input type="checkbox" name="posts[]" value="2" class="InlineModCheck item" data-target="#post-2"/>
    Using input to style them in CSS will override the default style.

    Or you could just style InlineModCheck.
  12. mjp

    mjp Well-Known Member

    If you say so. But I've done all that with no effect. Appreciate you looking at it though.
  13. mjp

    mjp Well-Known Member

    Okay, apparently I wasn't checking in Opera, because the checkbox styling only works in Opera.
  14. Kier

    Kier XenForo Developer Staff Member

    Checkbox rendering is almost always handled at the OS level, and their fundamental appearance can't be changed in most browsers, except those that completely ignore what the OS does - namely Opera.
  15. Jamie

    Jamie Well-Known Member

    Can I ask a question concerning this issue? Since it is a bit distracting to have the check boxes on each post, can it change to something different?

    An example, unless I am missing something, currently when clicking the link on the Date and Time it doesn't do much of anything other than bring that post to the very top of the screen.

    Can this be used to instead 'select' that post for a moderator and this would remove the check box. For a standard user, the Date and Time wouldn't be a link at all. For an moderator, clicking the Date and time to select that post, click it again to de-select it.

    I am not sure this is possible, but maybe something along these lines so there isn't a distraction of check boxes, only a link that would blend in nicer with the site?

    Even if the Date and Time link can't be use, maybe a link like the report link would work instead to better blend with the clean look.

    Just wondering out loud..

  16. Brogan

    Brogan XenForo Moderator Staff Member

  17. kkm323

    kkm323 Well-Known Member

    so how to make the pop-up checkbox menu appear to the right of the screen instead of the left
    i am using a RTL style and this is my only bug
  18. Jamie

    Jamie Well-Known Member

Share This Page