DBR skinning


#1

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


#2

Hi Jack,

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


#3

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


#4

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


#5

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 {

}

#6

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


#7

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