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
45
igx-expansion-panel with combobox
posted

hi, i have created an expansion panel (image 1), which contains a combobox; for some reason when I open the combobox the panel does not increase its size according to the content of the combobox, which generates a problem hiding part of the content of the combobox (image 2). 

What property should I add to the expansion panel so that it expands to the size of the combobox?

 

<igx-expansion-panel>
    <igx-expansion-panel-header>
        <igx-expansion-panel-title>
        Reglas de Validacion
        </igx-expansion-panel-title>
    </igx-expansion-panel-header>
    <igx-expansion-panel-body>
   <igx-combo  [data]="cities" displayKey="name" groupKey="country" >
    </igx-combo>
    </igx-expansion-panel-body>
</igx-expansion-panel>

image 1:

image 1

image 2:

image 2

Parents
No Data
Reply
  • 720
    Offline posted

    Hello Erick,

    Thanks for your patience!

    After further investigations it seems that the described behavior is actually expected. The igxCombo items container is displayed within igxOverlay which has a fixed position and a bigger z-index, meaning that it is displayed in foreground and that it cannot affect the size of the other components.

    What I would suggest is creating your own combo component using nested expansion panel. I believe you will find the following sample I have prepared for you very helpful. As you can observe the main expansion panel detects the opening of the “combo” expansion panel and sizes accordingly to it. Please note that this should be handle entirely on application level which is out of the scope of Infragistics Support!

    Please let me know if you need any further information.

    Best Regards,
    Martin Evtimov
    Entry Level Software Developer
    Infragistics, Inc.

Children
No Data