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. Image for the cookie policy date

Grid header not visible when OSK opens for input

Hi,
Data Grid header row not visible when on screen keyboard is opened for some of the editable columns. I am attaching some screenshot for reference.

Attachment: SfDataGrid_Header_hiding_ece6b6cd.zip

5 Replies

AR Akila Rajaram Syncfusion Team April 24, 2015 12:36 PM UTC

Hi Vasanth, 

Thank you for using Syncfusion Products . 

We analyzed your query. We are able to replicate the reported behavior “Data Grid header row not visible when on screen keyboard is opened “ . The
reported issue occurs when performing the touch operation in any of the editable controls (TextBox) inside the WinRT application. This is the default behavior
for using touch keyboard in WinRT. You can overcome this by handling On Screen Keyboard Input Pane based on suggestion provided in the following public
forum:

Link : http://stackoverflow.com/questions/20202171/resize-winrt-page-when-on-on-screen-keyboard-showing

 

As discussed in the forum, we are handling the Input Pane in its Showing event by setting EnsuredFocusedElementInView property to True of event args and
please find the attached sample with our SfDataGrid.

Please find the following code snippet ,

 

C#:

public MainPage()

{

    this.InitializeComponent();

    var inputPane = Windows.UI.ViewManagement.InputPane.GetForCurrentView();

    inputPane.Showing += inputPane_Showing;

}

void inputPane_Showing(Windows.UI.ViewManagement.InputPane sender, Windows.UI.ViewManagement.InputPaneVisibilityEventArgs args)

{

    args.EnsuredFocusedElementInView = true;

}

 

Could you please share more information if we have misunderstood your requirement?

Please let us know if this solution helps you .

 

Regards,

Akila R


Attachment: SfDataGrid_Editing_c0c3e161.zip


VA Vasanth April 24, 2015 05:48 PM UTC

Hi Akila,

Thanks for your response. SfDataGrid works desirably when OSK is opened like moving the screen up and makes the current cell fully visible. But it hides the grid header. 

Using your below solution ie 
args.EnsuredFocusedElementInView = true;
makes header visible but the current cell is hidden inside the OSK. 

I am wondering if there is a way to make the header and current cell both visible when OSK is opened. I am attaching a desired result screen shot. Please let me know if its not clear.

Attachment: SfDataGrid_Header_hiding_eb8262e.zip


AR Akila Rajaram Syncfusion Team April 27, 2015 07:36 AM UTC

Hi Vasanth, 

We regret to inform you that we cannot make both Header Row and current cell visible when OSK is opened. But, you can overcome this by setting Margin of page when OSK is opened and closed as discussed in the above public forum link. We have modified a sample based on your requirement . Please refer  the  attached sample .

We have set and reset the Margin of  page in Hiding and Showing event of InputPane. Please refer the following code snippet:

C#:

void inputPane_Hiding(Windows.UI.ViewManagement.InputPane sender, Windows.UI.ViewManagement.InputPaneVisibilityEventArgs args)

{

    this.page.Margin = new Thickness(0, 0, 0, args.OccludedRect.Height);

}

void inputPane_Showing(Windows.UI.ViewManagement.InputPane sender, Windows.UI.ViewManagement.InputPaneVisibilityEventArgs args)

{                       

    this.page.Margin = new Thickness(0, 1, 0, args.OccludedRect.Height);

}     

 

Please let us know if this solution helps you .

Regards,

Akila R


Attachment: SfDataGrid_Editing_Modified_564a4e03.zip


VA Vasanth April 27, 2015 01:49 PM UTC

New work around works for me, thanks!!


SC Saranya CJ Syncfusion Team April 28, 2015 06:26 AM UTC

Hi Vasanth,

Thank you for your update. We are glad to know the reported issue has been resolved at your end. Please let us know if you require any other assistance.

Regards,
Saranya

Loader.
Up arrow icon