Content Management and Capture

Content Management and Capture

Come for answers. Stay for best practices. All we’re missing is you.

 View Only
  • 1.  filter bar icon

    Posted Tue September 01, 2020 02:03 PM

    I am using Gridx filterBar, and the filter button dose not change his color while OnmouseOver and the navigator is on Hebrew RTL,

    on English LTR it is work as expected .

    i look for the src img that navigator is using.

    and the pic looks ok.

    ......\idx\themes\oneui\idx\gridx\images\gridx_sprite.png

    I found that there is 2 CSS files for filter, one is filter.css

    and one is filter_rtl.css

    there is some difference between them,

    filter.css file :

    .oneui .gridx .gridxFilterBar .dijitButton .gridxFilterBarBtnIcon{

    width: 16px;

    height: 16px;

    margin: 4px;

    background: transparent url(images/gridx_sprite.png) no-repeat 0px -16px;

    }

    .oneui .gridx .gridxFilterBar .dijitButtonHover .gridxFilterBarBtnIcon,

    .oneui .gridx .gridxFilterBar .dijitButtonActive .gridxFilterBarBtnIcon {

    background-position: -16px -16px;

    }

    filter_rtl.css file:

    .oneui .gridxRtl .gridxQuickFilterIcon,

    .oneui .gridxRtl .gridxFilterBar .dijitButton .gridxFilterBarBtnIcon {

    background-position: 0px -32px;

    }

    .oneui .gridxRtl .dijitButtonHover .gridxQuickFilterIcon,

    .oneui .gridxRtl .dijitButtonActive .gridxQuickFilterIcon,

    .oneui .gridxRtl .dijitComboButtonHover .gridxQuickFilterIcon,

    .oneui .gridxRtl .dijitComboButtonActive .gridxQuickFilterIcon {

    background-position: -16px -32px;

    }

    is anyone have an idea what should i add to my plugin global CSS file to make the icon Change his color state while navigator is RTL?



    #IBMContentNavigator(ICN)
    #Support
    #SupportMigration


  • 2.  RE: filter bar icon

    Posted Wed September 02, 2020 03:29 AM

    Hi,

    Do you mean you are using the same pic(......\idx\themes\oneui\idx\gridx\images\gridx_sprite.png) for your filter button?

    Could you let me know which ICN page displays the same filter button?

    Thanks,

    Jason



    #IBMContentNavigator(ICN)
    #Support
    #SupportMigration


  • 3.  RE: filter bar icon

    Posted Wed September 02, 2020 06:21 AM

    yes, they are use the same pic, the difference is the px shift.

    i cant find any build-in navigator gridx filter bar.

    i just create a new gridx, and add a filterBar module



    #IBMContentNavigator(ICN)
    #Support
    #SupportMigration


  • 4.  RE: filter bar icon

    Posted Thu September 03, 2020 07:42 AM

    I don't know how exactly it is implemented but I think you can try to add this in your CSS class?

    background-color: darken(, 10%);

    Thanks,

    Jason



    #IBMContentNavigator(ICN)
    #Support
    #SupportMigration