handy tip to save on admin grid space when using fabrik....

[p38]

Hi All, for those using the ISIS admin template, here is a nice tip to save on admin grid space when working with fabrik, which saves plenty of page scrolling.

either edit

\administrator\templates\isis\css\template.css

or copy template to your own name.

at Line 1685 change

padding: 8px;

to

padding: -1px 8px;

so it looks like this

.table th,
.table td {
  padding: -1px 8px;
  line-height: 18px;
  text-align: left;
  vertical-align: top;
  border-top: 1px solid #ddd;
}

I hope you find this usefull

Paul

 

[cheesegrits]

Thanks for the tip.

We should probably create a general 'hints and tips' section in the wiki for stuff like this?

-- hugh

 

[p38]

Hi hugh, if you can do this, I will contribute a few tips that have come my way to start the ball rolling.

 

[cheesegrits]

Where would you suggest that section should go? Should it be a page within an existing category, or a new top level category?

http://fabrikar.com/forums/index.php?wiki/

I don't immediately see a good location for it in any of the existing categories.

-- hugh

 

[p38]

what about a new category you suggested.... "Handy hints and tips".

The idea would be extremely short pieces of tips that would benefit all. eg: the CSS code rob gave me to disable the padding and button background for the list buttons.

The other alternative is to create a category in the forum, and allow users to enter there, WITH NO support provided, just a tips and tricks section.

One could then use this as a basis to take the best tips and tricks out and link to the wiki?

 

[p38]

hi hugh, any thoughts on this, I am still happy to facilitate.

Best would be a "Handy Hints and Tips" category in the Forum, and then I could sift out the best ones to include in the wiki?

 

[Sophist]

Best would be a "Handy Hints and Tips" category in the Forum, and then I could sift out the best ones to include in the wiki?

p38: If I were Hugh / Rob then I would take you up on this offer pronto.

I have created a few Wiki entries to get us started, so please feel free to put your own ideas in there.

However, when I tried your suggestion above I found the following:

1. Chrome would not accept a top/bottom padding of -1px. It looked best for me with 1px.

2. The checkboxes in the row were then too low - and it seems to need line 970 changed to:

margin: 0;

so it reads:

input[type="radio"],
input[type="checkbox"] {
    margin: 0;
    *margin-top: 0;
    margin-top: 1px \9;
    line-height: normal;
}

3. Obviously these changes will be overridden any time that Joomla updates this CSS file. Unfortunately I don't think that Joomla standard Admin templates have the ability to have a separate custom.css file. I wonder whether a Joomla extension like this would enable us to keep such changes separate?

S

 

[Sophist]

I tried the Add Custom CSS extension, and it does not seem to apply to Admin templates.

 

[troester]

Obviously these changes will be overridden any time that Joomla updates this CSS file

As p38 said you can easily copy the template.

 

[Sophist]

As p38 said you can easily copy the template.

But then you don't get the benefits of any improvements either. For these sorts of small-ish tweaks, custom.css would be ideal.

 

[p38]

Hi sophist,

I checked on Chrome Version 31.0.1650.63 m and my Admin template works 100% for me.

Have you got your wiki link for me please.

Paul.

 

[troester]

Yup, but tell this to the Joomla people.

Trick:
isis/index.php is loading
// Load specific language related CSS
$file = 'language/' . $lang->getTag() . '/' . $lang->getTag() . '.css';

So create a file
administrator/language/en-GB/en-GB.css (or whatever your backend language is) and put the css in there.
It's strange to have a css file between all those language files but it's working

 

[Sophist]

p38: You can look in the Wiki Page Listing.

troester: Good spot - and another hint to put in the general Handy Hints and Tips. I will raise a PR on Joomla to see if we can get a similar custom.css loaded.

 

[Sophist]

Joomla PR-2684

 

[Sophist]

I have successfully added this to en-GB.css and found we needed a small PR-1134 to make this work nicely in J3.x.

 

[rob]

thanks Paul I think I've commited that one now

 

[alisamii]

I would suggest that we could make the case that if Joomla does implement a standard custom.css capability in isis, we could limit changes like these to the Fabrik component only. Changing the padding on .table td {...} affects the entire isis display, which is fine for most components and views, but not ALL.

However, as the isis template inserts a class in the body tag relative to the component as below:

<body class="admin com_fabrik view- layout- task- itemid-" data-spy="scroll" data-target=".subhead" data-offset="87" style="">

We could implement CSS specific to Fabrik and leave the rest of the template as is:

body.com_fabrik .table td {...}

 

[Sophist]

That's a good idea.

(Though personally I think the global admin change benefits other screens and have yet to find one which is screwed up by this.)

 

[alisamii]

Hi Paul,

I was just saying that if a custom.css capability is implemented in Joomla core for the isis admin, then it opens up the possibility to put in all sorts of refinements to the component without resorting to the types of override that RocketTheme has implemented for their RokSprocket Modules which are non-standard and quite troublesome sometimes.

 

[Sophist]

Well - I have submitted the Joomla PR to add a custom.css to ISIS and Hathor, so we shall see whether it gets merged or not.