DBR skinning

Hey,

tm1-ui-class in tm1-ui-dbr behaves a bit oddly when the reference cell has a picklist.

text-decoration, and color expressions will work, but anything else either renders odd, or doesn’t work at all (like font-size).

I’ve tried using just in the HTML, but that doesn’t work either, if a picklist is present, the formatting is set.

Jack

Hi Jack,

You should post the CSS you are using so we can see what the issue is.

Hey Tim,

I just created a class with a smaller font size, and assigned it to tm1-ui-class.

Works fine for normal DBRs, just not for DBRs with a pick list.

It does work for picklists displayed as radio buttons.

Jack

Hey Tim,

Thought I’d update this thread in case anyone wants to reference it, after you kindly pointed me towards creating a CSS class like:

.whatever > select {
font-size: whateverpx;
}

I was trying to apply the same logic to a dbr (editable) call using:

.whatever > input {
font-size: whateverpx;
}

…but without success.

Am I referencing the wrong form component for an editable tm1-ui-dbr result?

Cheers,

Jack

Hi Jack,

You need to Inspect the markup of the DBR to see the structure of the elements. In the case of an input box it is like this:

The input field isn’t a direct child of the container instead there is a form element in between so the class should be:

.whatever > form > input {

}

Hi Jack / Tim,

I’m actually facing the same issue with odd format for DBR based on Picklists,

Were you able to solve it ?

tnx

Hey,

Yes, Tim pointed me towards using the following, for example in your css:

tm1-ui-dbr-small > select {
font-size: 10px;
}

…for picklists.

.tm1-ui-dbr-small > form > input {
font-size: 10px;
}

…for editable dbrs.

Or whatever you want to call your custom css classes.

Then call those classes in tmi-ui-class in tm1-ui-dbr.
Jack