Question T13159
Visible to All Users

Matrix column does not look good in flutter app

created 2 years ago

Dear Team,

I am using surveyJS flutter package. I have most of the questions based Matrix but the column cell is not looking good in the mobile app. I am attaching the images. Can you suggest any solution to make it scrollable horizontally.

Thanks

Clipboard-File-1.png

Also I want to change Next, Previous, Submit labels. Is there any option to change it?

Show previous comments (3)

    Hi Ved,
    Thank you for the update. As I understand, the https://pub.dev/packages/flutter_survey_js package was developed by third-parties. I quickly tested a live demo available at https://goxiaoy.github.io/flutter_survey_js/ and I see that the matrix issue also appears:
    Clipboard-File-1.png

    I may only suggest that you follow recommendations provided by @pj-alvarado10 and use a WebView to integrate a SurveyJS Form Library to your application.

    Thanks

      Hi Jane,
      Thank you so much for quick response. As per the requirement, we have to make it offline. I think webview will not work in that case right?

      I am wondering if there is any option to make the table scrollable horizontally and this will work for our requirement.

      When I started integration of this package I checked the table was scrollable at https://goxiaoy.github.io/flutter_survey_js/#/ but I think few changes made in this demo after that and it stopped working now.

        Hi Ved,
        Thank you for the update. Unfortunately, I'm not WebView expert and may not assist you on this. Regarding the https://goxiaoy.github.io/flutter_survey_js package: I would recommend that you post questions in the corresponding GitHub repository.
        https://github.com/Goxiaoy/flutter_survey_js

        Thank you

        Answers

        created 2 years ago

        You don't need internet to use a webview. You can use a webview to use html, css (with <style> tag) and javascript (with <script> tag) language from Flutter. You can use for example the package flutter_inappwebview.

        You don't use the webview to show a external webpage, you use the webview to read to offline html file that you can have in your assets like that:

        Code
        child: InAppWebView( key: const Key('webView'), initialOptions: InAppWebViewGroupOptions( crossPlatform: InAppWebViewOptions( supportZoom: false, disableHorizontalScroll: true, ), ), initialUrlRequest: URLRequest( url: Uri.parse( 'http://localhost:8080/assets/surveyjs.html'), ), <... More of your app web view code here (localstorage functions for example) ...> );

        And in the surveyjs.html you can build your survey view to your liking.