RadTextBoxElement clipping issue with custom SimpleListViewVisualItem

6 posts, 1 answers
  1. Sam
    Sam avatar
    13 posts
    Member since:
    Dec 2014

    Posted 17 Apr Link to this post

    Hello to all!

    I'm using C#.

    I have a RadListView that I only ever display in ListView mode. I have created a custom SimpleListViewVisualItem descendant, which has a DockLayoutPanel, inside of which is a GridLayout and another DockLayoutPanel, and inside the second DockLayoutPanel is a RadButtonElement, two RadDropDownListElement, and a RadTextBoxElement.

    The first two attachments show the issue, both with and without the vertical scrollbar.

    I ***believe*** I have all the appropriate ClipDrawing states set, because the RadDropDownListElement is clipping just fine (third attachment).

    Is this a known issue?

    Thanks.

    Sam.

  2. Answer
    Dimitar
    Admin
    Dimitar avatar
    1877 posts

    Posted 18 Apr Link to this post

    Hi Robert,

    Thank you for writing.

    You need to use RadTextBoxControlElement. The RadTextBox is hosting the standard .NET textbox inside it and this is why it is drawn over other elements (it's a control). 

    I hope this will be useful. Let me know if you have additional questions.

    Regards,
    Dimitar
    Telerik by Progress
    Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
  3. Sam
    Sam avatar
    13 posts
    Member since:
    Dec 2014

    Posted 18 Apr in reply to Dimitar Link to this post

    Hello Dimitar,

    Yup ... that was it!!!

    I got confused because appending Element to all the other controls just worked, and I never stumbled on that page you referenced.

    it might be worthwhile to modify the examples list in the http://docs.telerik.com/devtools/winforms/telerik-presentation-framework/layout/predefined-layout-panels/predefined-layout-panels section, as every one of them use the plain ol' RadTextBoxElement.

    Thank you for the speedy response.

    Sam.

  4. Sam
    Sam avatar
    13 posts
    Member since:
    Dec 2014

    Posted 18 Apr in reply to Sam Link to this post

    Hello Dimitar,

    I think I just ran into the same issue with the RadDateTimePickerElement component, and unfortunately, there doesn't seem to be a RadDateTimePickerControlElement. ;-}

    What do you recommend I use if I have a need for a Date/Time picker control that correctly clips and can be used in a RadListView?

    Thank you.

    Sam.

  5. Dimitar
    Admin
    Dimitar avatar
    1877 posts

    Posted 19 Apr Link to this post

    Hello Robert,

    In this case, there is no way to replace the textbox used in the RadDateTimePickerElement. Perhaps you can use another approach and place the list view in a scrollable panel and use its scrolling functionality (make the list view large enough so all items are visible).  

    In addition, I want to mention that we now have a control that provides similar functionality: Overview | RadDataFilter.

    I hope this helps.

    Regards,
    Dimitar
    Telerik by Progress
    Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
  6. Sam
    Sam avatar
    13 posts
    Member since:
    Dec 2014

    Posted 19 Apr Link to this post

    Thank you for the confirmation about the limitations of the RadDateTimePickerElement, as well as for the recommendations of the scrollable panel and the RadDataFilter.
Back to Top