Custom Pop up overflow makes grid vertical scroll disappear

4 posts, 0 answers
  1. Deepak
    Deepak avatar
    6 posts
    Member since:
    Aug 2020

    Posted 03 Oct Link to this post

    Hey team,

    •  I am using Kendo grid for Angular. I have a requirement to display custom pop up on clicking an icon in a grid cell. On clicking, It displays the pop up on left as expected since i override the css property with this:

        .k-grid td {
          overflow: visible;
        }

        (Refer image 1)

    • Notice that when i scroll the last column heading horizontally, the scroll bar appears as expected.
      (Refer image 2)
    • Now the pop up doesn't overflow outside the entire grid, which is the overall requirement. So I override the css as below:
      .grid-large .k-grid-content {
          height: 100%;
          overflow: visible;
      }
      (Refer image 3)
    • But now, when I scroll the last column heading horizontally to the right, it goes out of screen and it disappears and this is the issue.
      (Refer image 4)

    How can i fix this? Thanks in advance.

     

  2. Martin
    Admin
    Martin avatar
    252 posts

    Posted 06 Oct Link to this post

    Hi Deepak,

    We will need more information about your current Kendo UI subscription. I have therefore generated a sales lead, and you can expect our licensing specialists to contact you, or if you have any questions about obtaining a license for Kendo UI for Angular, feel free to open a separate thread.

    If your company has already purchased a license from another account, please contact the license holder and provide them with this link so they can add you as a licensed developer. If you need to purchase or renew your subscription, you can reach out to our product specialists on telerik-sales@progress.com. They will gladly assist you with finding both the answers to your questions and a subscription that best fits your needs.

    Once your account is associated with an active subscription, you can benefit from the respective support plan.

    Regards,
    Martin
    Progress Telerik

    Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

  3. Deepak
    Deepak avatar
    6 posts
    Member since:
    Aug 2020

    Posted 18 Nov Link to this post

    Hi team, Any luck on this? Or may I know what additional information I can provide? The markup is pretty straight forward - A basic kendo grid.
  4. Deepak
    Deepak avatar
    6 posts
    Member since:
    Aug 2020

    Posted 18 Nov in reply to Deepak Link to this post

    The issue I face is, when I scroll the column to the right, the column cells go out of the screen, which is unrecoverable. The solution I look for, is to allow a custom pop up display over the grid. The CSS overrides I tried to achieve this is given in the first post on this thread.

     

    Thanks,

    Deepak

Back to Top