Grid header not visible when OSK opens for input

[Vasanth]

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

[Akila Rajaram]

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

[Vasanth]

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

[Akila Rajaram]

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

[Vasanth]

New work around works for me, thanks!!

[Saranya CJ]

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