Change component size inside filter component

Support
#1

Hi,

Version 6.7 has “tiny” predefined style name, which works for other components, but couldn’t figure out how to make it work for filter component. The screen has a default filter available for all users with many textfields and lookupfields in it and I want to reduce it’s subcomponents sizes.

Thanks.

#2

Any suggestions on this?

#4

Hi,
you can try to do the following:

  1. Assign a stylename to the filter component, like this:
<filter id="filter"
   stylename="my-tiny-filter"
   applyTo="booksTable"
   datasource="booksDs">
       <properties include=".*"/>
</filter>
  1. Extend the UI theme: Extending an Existing Theme - CUBA Platform. Developer’s Manual
  2. In the halo-ext.scss specify required styles for components that are inside the filter with the stylename specified at step 1:
@mixin com_company_tinyfilter-halo-ext {
    .my-tiny-filter {
        .v-textfield {
            color: blue;
        }
    }
}
#5

I understand. But is there a reason why some components do not support styling? Eg. a table with SMALL_TABLE predefined style has no effect.

#6

Could you please open a new topic with this problem and share a code example?