We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy.
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

template dropdown column not shown items in columns

Thread ID:

Created:

Updated:

Platform:

Replies:

117270 Sep 21,2014 01:22 AM UTC Sep 22,2014 06:52 AM UTC ASP.NET Web Forms 1
loading
Tags: Grid
Sergiy Tokarchuk
Asked On September 21, 2014 01:22 AM UTC

So I make the template column and put there :



       

<div class="btn-group" style="position:relative;">

<button class="btn btn-xs"><i class="icol-doc-pdf"></i> action</button>

<button class="btn btn-xs dropdown-toggle" data-toggle="dropdown">

<span class="caret"></span></button>

<ul class="dropdown-menu" style="z-index:99999;position:absolute;">

<li><a rel='nofollow' href="#"><i class="icol-color-swatch-1"></i> Edit</a></li>

<li><a rel='nofollow' href="#"><i class="icol-font"></i> Send</a></li>

</ul>

</div>

So now I have a nice grid with dropdown column but when I open dropdown in the row I see (View attach File) that items in dropdown are invisible and lay under the grid



Attachment: err_2a1749bb.zip

Ragavee U S [Syncfusion]
Replied On September 22, 2014 06:52 AM UTC

Hi Sergiy Tokarchuk

 

Thanks for your interest in Syncfusion products.

 

We have analyzed the reported query and found that the cause of the issue is that the dropdown – menu is hidden behind the table cells “td”.

 

In order to overcome this issue, we suggest you to override the css properties of the template column by using the cssClass property of the Grid columns. Please refer the below code snippet.

 

<ej:Grid ID="OrdersGrid" runat="server" AllowPaging="True" >

           

            <Columns>

                . . .

               <ej:Column HeaderText="Dropdown Column" Template="true" TemplateID="#dropdownTemplate" Width="110" CssClass="customClass"/>

            </Columns>

        </ej:Grid>

    

<style>

    .customClass, .e-gridcontent {

        overflow: visible !important;

    }

 

For your convenience, we have created a simple sample based on your requirement and the same can be downloaded from the below location.

 

Sample Link: http://www.syncfusion.com/downloads/support/directtrac/general/Sample1803269814.zip

 

Please get back to us if you need any further assistance.

 

Regards

Ragavee U S


CONFIRMATION

This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon

;