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

XF 1.5 Change template editor tab indent?

Discussion in 'Styling and Customization Questions' started by Beanjam, Mar 19, 2016.

  1. Beanjam

    Beanjam Active Member

    Does anybody know if it's possible to change the tab indent width in the template editor?

    Thanks.
     
  2. Arty

    Arty Well-Known Member

  3. Chris D

    Chris D XenForo Developer Staff Member

    Yes.

    Most browsers now have support for the CSS property tab-size.

    Unfortunately however you would likely have to use a browser extension to affect this in the Admin CP as there is no concept of editable styles there.

    You could enable debug mode and modify the CSS directly but this will be often overwritten such as when master data is rebuilt or when you upgrade XF.

    There are browser extensions though that can allow you to automatically inject custom CSS to certain web pages so this would be easy enough to do:

    Code:
    textarea.textCtrl.code
    {
        tab-size: 4;
    }
    Something like that should work.
     
    Arty and Beanjam like this.
  4. Beanjam

    Beanjam Active Member

    I ended up adding this to the template_edit.css admin template in the debug mode Development panel:

    Code:
    textarea.textCtrl.code
    {
        -moz-tab-size: 3;
          -o-tab-size: 3;
             tab-size: 3;
    }
     

Share This Page