Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
990
FeatureChooser
posted

I have grids that has the FeatureChooser enabled with this setting ".FeatureChooserIconDisplay(FeatureChooserIconDisplayMode.Always)", but the little gear image only shows up on some of the column headers.

How can I force the image to show up on all column headers?

Parents
No Data
Reply
  • 17590
    Offline posted

    Hello wvusaf,

    Thank you for posting in our community.

    The purpose of the gear icon is to toggle the visibility of the feature chooser. In certain circumstances instead of just the gear icon being responsible for toggle, the entire column header is used.

    The default setting of the gear icon's visibility changes depending on the context in which the grid is running. When the grid is rendered in non-touch contexts, the icon appears in the column header. When the grid is rendered in a touch enabled context, the gear icon is not rendered in the column header and the full column header is responsible for toggling the feature chooser instead.

    The visibility behavior of the gear icon is controlled by the grid's featureChooserIconDisplay option. The default value for this option is desktopOnly and behaves as described above. Should you want to make the gear icon available in all contexts, then setfeatureChooserIconDisplay equal to always.

    A possible scenario when the gear icon is not going to be visible for particular column is if some of the features have been disabled for this column. For example, if you have Hiding and Moving features enabled for igGrid. If you disable hiding for one of the columns when the igGrid is rendered only the column moving indicator is going to be visible.

    [code]

     features: [
                        {
          name: "ColumnMoving"
         },
         {
          name: "Hiding",
          columnSettings: [
           {
             columnKey: "Age", allowHiding: false
           }
          ]
         }
                   ]

    [/code]

    I am also attaching a small sample illustrating my suggestion for your reference.

    If this sample is not an accurate demonstration of what you are trying to achieve please feel free to modify it and send it back to me along with steps to reproduce. Also some additional information in regards to whether you are experiencing the issue in touch environment or desktop will be helpful.

    I hope you find this information helpful.

    Please feel free to continue sending updates to this case at any time.

    igGridFeatureChooser.zip
Children