Jump to content

backend diferent repeater color?

Recommended Posts


is it possible to change the color for each of the repeater in backend? I have two stacked repeaters and it is sometimes hard to find the right item to edit. So I would like to have the parent repeater in default green (Reno) and child repeater maybe some other color.

Thank you


Share this post

Link to post
Share on other sites

In AdminThemeUikit (might be dev branch only at the moment) you can choose from a few colour options for inputfields:


But it would be more flexible to use your browser dev tools to inspect the markup in Page Edit, find what class is unique to the inputfield you want to change, then use AdminOnSteroids or AdminCustomFiles to add a custom CSS file to change the background colour.

  • Like 3

Share this post

Link to post
Share on other sites

To give you another option:

I almost always use Reno and add an admin stylesheet to it via a hook in init.php

$this->addHookAfter('ProcessController::execute', function (HookEvent $event) {

and CSS to style stuff like Repeater:

.Inputfields .Inputfield_auswahl404.InputfieldRepeater>.InputfieldContent .InputfieldRepeaterItem>.InputfieldHeader,
.Inputfields .Inputfield_auswahl404.InputfieldRepeater>.InputfieldContent .InputfieldRepeaterItem>.InputfieldHeader span {background:#59261E;}
.Inputfields .Inputfield_auswahl404.InputfieldRepeater>.InputfieldContent .InputfieldRepeaterItem>.InputfieldHeader:hover,
.Inputfields .Inputfield_auswahl404.InputfieldRepeater>.InputfieldContent .InputfieldRepeaterItem>.InputfieldHeader:hover span {background:#F5B92C;}

where .Inputfield_auswahl404 your fieldname is.

Like Robin S said, inspect with your DEV tools..

  • Like 1

Share this post

Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

  • Recently Browsing   0 members

    No registered users viewing this page.

  • Create New...