Alert cuts long text in Ionic 4










0















if an alert has too much text, instead of scrolling the text it is cut and even the buttons can be reached. Is this a bug? should I rise a report? how? I’m using Ionic 4 beta 12



Code:



 async showRules() 
const alert = await this.alertController.create(
header: 'Rules',
subHeader: `Brain Builder is up to date with the most recent research regarding IQ enhancement.
As the most recent research suggest, Brain Builder will increase the number of stimulus first (position, audio, color, etc.).
Once all stimuli have been mastered, the n-back will be increased.A blue square will be shown every three seconds, press the button ‘Position’ when you find that the actual position of the blue square matches with that of the previous one.
The position of the square is accompanied with the pronunciation of a number and the very same rule applies for the sound.
`,
buttons: ['OK'],
backdropDismiss: false
);
await alert.present();



enter image description here










share|improve this question






















  • Hey Luis did you check that on simulator or actual device I think it will work on device with scrollable content and alert buttons.

    – CodeChanger
    Nov 13 '18 at 11:31















0















if an alert has too much text, instead of scrolling the text it is cut and even the buttons can be reached. Is this a bug? should I rise a report? how? I’m using Ionic 4 beta 12



Code:



 async showRules() 
const alert = await this.alertController.create(
header: 'Rules',
subHeader: `Brain Builder is up to date with the most recent research regarding IQ enhancement.
As the most recent research suggest, Brain Builder will increase the number of stimulus first (position, audio, color, etc.).
Once all stimuli have been mastered, the n-back will be increased.A blue square will be shown every three seconds, press the button ‘Position’ when you find that the actual position of the blue square matches with that of the previous one.
The position of the square is accompanied with the pronunciation of a number and the very same rule applies for the sound.
`,
buttons: ['OK'],
backdropDismiss: false
);
await alert.present();



enter image description here










share|improve this question






















  • Hey Luis did you check that on simulator or actual device I think it will work on device with scrollable content and alert buttons.

    – CodeChanger
    Nov 13 '18 at 11:31













0












0








0








if an alert has too much text, instead of scrolling the text it is cut and even the buttons can be reached. Is this a bug? should I rise a report? how? I’m using Ionic 4 beta 12



Code:



 async showRules() 
const alert = await this.alertController.create(
header: 'Rules',
subHeader: `Brain Builder is up to date with the most recent research regarding IQ enhancement.
As the most recent research suggest, Brain Builder will increase the number of stimulus first (position, audio, color, etc.).
Once all stimuli have been mastered, the n-back will be increased.A blue square will be shown every three seconds, press the button ‘Position’ when you find that the actual position of the blue square matches with that of the previous one.
The position of the square is accompanied with the pronunciation of a number and the very same rule applies for the sound.
`,
buttons: ['OK'],
backdropDismiss: false
);
await alert.present();



enter image description here










share|improve this question














if an alert has too much text, instead of scrolling the text it is cut and even the buttons can be reached. Is this a bug? should I rise a report? how? I’m using Ionic 4 beta 12



Code:



 async showRules() 
const alert = await this.alertController.create(
header: 'Rules',
subHeader: `Brain Builder is up to date with the most recent research regarding IQ enhancement.
As the most recent research suggest, Brain Builder will increase the number of stimulus first (position, audio, color, etc.).
Once all stimuli have been mastered, the n-back will be increased.A blue square will be shown every three seconds, press the button ‘Position’ when you find that the actual position of the blue square matches with that of the previous one.
The position of the square is accompanied with the pronunciation of a number and the very same rule applies for the sound.
`,
buttons: ['OK'],
backdropDismiss: false
);
await alert.present();



enter image description here







ionic-framework ionic4






share|improve this question













share|improve this question











share|improve this question




share|improve this question










asked Nov 13 '18 at 11:19









Luis OrantesLuis Orantes

9519




9519












  • Hey Luis did you check that on simulator or actual device I think it will work on device with scrollable content and alert buttons.

    – CodeChanger
    Nov 13 '18 at 11:31

















  • Hey Luis did you check that on simulator or actual device I think it will work on device with scrollable content and alert buttons.

    – CodeChanger
    Nov 13 '18 at 11:31
















Hey Luis did you check that on simulator or actual device I think it will work on device with scrollable content and alert buttons.

– CodeChanger
Nov 13 '18 at 11:31





Hey Luis did you check that on simulator or actual device I think it will work on device with scrollable content and alert buttons.

– CodeChanger
Nov 13 '18 at 11:31












1 Answer
1






active

oldest

votes


















0














You have placed the enormous content in subheader instead of message. Try:



 async showRules() 
const alert = await this.alertController.create(
header: 'Rules',
message: `Brain Builder is up to date with the most recent research regarding IQ enhancement.
As the most recent research suggest, Brain Builder will increase the number of stimulus first (position, audio, color, etc.).
Once all stimuli have been mastered, the n-back will be increased.A blue square will be shown every three seconds, press the button ‘Position’ when you find that the actual position of the blue square matches with that of the previous one.
The position of the square is accompanied with the pronunciation of a number and the very same rule applies for the sound.
`,
buttons: ['OK'],
backdropDismiss: false
);
await alert.present();



The subheader is just the sub title and possibly not scrollable. Documentation here






share|improve this answer






















    Your Answer






    StackExchange.ifUsing("editor", function ()
    StackExchange.using("externalEditor", function ()
    StackExchange.using("snippets", function ()
    StackExchange.snippets.init();
    );
    );
    , "code-snippets");

    StackExchange.ready(function()
    var channelOptions =
    tags: "".split(" "),
    id: "1"
    ;
    initTagRenderer("".split(" "), "".split(" "), channelOptions);

    StackExchange.using("externalEditor", function()
    // Have to fire editor after snippets, if snippets enabled
    if (StackExchange.settings.snippets.snippetsEnabled)
    StackExchange.using("snippets", function()
    createEditor();
    );

    else
    createEditor();

    );

    function createEditor()
    StackExchange.prepareEditor(
    heartbeatType: 'answer',
    autoActivateHeartbeat: false,
    convertImagesToLinks: true,
    noModals: true,
    showLowRepImageUploadWarning: true,
    reputationToPostImages: 10,
    bindNavPrevention: true,
    postfix: "",
    imageUploader:
    brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
    contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
    allowUrls: true
    ,
    onDemand: true,
    discardSelector: ".discard-answer"
    ,immediatelyShowMarkdownHelp:true
    );



    );













    draft saved

    draft discarded


















    StackExchange.ready(
    function ()
    StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53279887%2falert-cuts-long-text-in-ionic-4%23new-answer', 'question_page');

    );

    Post as a guest















    Required, but never shown

























    1 Answer
    1






    active

    oldest

    votes








    1 Answer
    1






    active

    oldest

    votes









    active

    oldest

    votes






    active

    oldest

    votes









    0














    You have placed the enormous content in subheader instead of message. Try:



     async showRules() 
    const alert = await this.alertController.create(
    header: 'Rules',
    message: `Brain Builder is up to date with the most recent research regarding IQ enhancement.
    As the most recent research suggest, Brain Builder will increase the number of stimulus first (position, audio, color, etc.).
    Once all stimuli have been mastered, the n-back will be increased.A blue square will be shown every three seconds, press the button ‘Position’ when you find that the actual position of the blue square matches with that of the previous one.
    The position of the square is accompanied with the pronunciation of a number and the very same rule applies for the sound.
    `,
    buttons: ['OK'],
    backdropDismiss: false
    );
    await alert.present();



    The subheader is just the sub title and possibly not scrollable. Documentation here






    share|improve this answer



























      0














      You have placed the enormous content in subheader instead of message. Try:



       async showRules() 
      const alert = await this.alertController.create(
      header: 'Rules',
      message: `Brain Builder is up to date with the most recent research regarding IQ enhancement.
      As the most recent research suggest, Brain Builder will increase the number of stimulus first (position, audio, color, etc.).
      Once all stimuli have been mastered, the n-back will be increased.A blue square will be shown every three seconds, press the button ‘Position’ when you find that the actual position of the blue square matches with that of the previous one.
      The position of the square is accompanied with the pronunciation of a number and the very same rule applies for the sound.
      `,
      buttons: ['OK'],
      backdropDismiss: false
      );
      await alert.present();



      The subheader is just the sub title and possibly not scrollable. Documentation here






      share|improve this answer

























        0












        0








        0







        You have placed the enormous content in subheader instead of message. Try:



         async showRules() 
        const alert = await this.alertController.create(
        header: 'Rules',
        message: `Brain Builder is up to date with the most recent research regarding IQ enhancement.
        As the most recent research suggest, Brain Builder will increase the number of stimulus first (position, audio, color, etc.).
        Once all stimuli have been mastered, the n-back will be increased.A blue square will be shown every three seconds, press the button ‘Position’ when you find that the actual position of the blue square matches with that of the previous one.
        The position of the square is accompanied with the pronunciation of a number and the very same rule applies for the sound.
        `,
        buttons: ['OK'],
        backdropDismiss: false
        );
        await alert.present();



        The subheader is just the sub title and possibly not scrollable. Documentation here






        share|improve this answer













        You have placed the enormous content in subheader instead of message. Try:



         async showRules() 
        const alert = await this.alertController.create(
        header: 'Rules',
        message: `Brain Builder is up to date with the most recent research regarding IQ enhancement.
        As the most recent research suggest, Brain Builder will increase the number of stimulus first (position, audio, color, etc.).
        Once all stimuli have been mastered, the n-back will be increased.A blue square will be shown every three seconds, press the button ‘Position’ when you find that the actual position of the blue square matches with that of the previous one.
        The position of the square is accompanied with the pronunciation of a number and the very same rule applies for the sound.
        `,
        buttons: ['OK'],
        backdropDismiss: false
        );
        await alert.present();



        The subheader is just the sub title and possibly not scrollable. Documentation here







        share|improve this answer












        share|improve this answer



        share|improve this answer










        answered Nov 13 '18 at 12:16









        Suraj RaoSuraj Rao

        23.2k85770




        23.2k85770





























            draft saved

            draft discarded
















































            Thanks for contributing an answer to Stack Overflow!


            • Please be sure to answer the question. Provide details and share your research!

            But avoid


            • Asking for help, clarification, or responding to other answers.

            • Making statements based on opinion; back them up with references or personal experience.

            To learn more, see our tips on writing great answers.




            draft saved


            draft discarded














            StackExchange.ready(
            function ()
            StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53279887%2falert-cuts-long-text-in-ionic-4%23new-answer', 'question_page');

            );

            Post as a guest















            Required, but never shown





















































            Required, but never shown














            Required, but never shown












            Required, but never shown







            Required, but never shown

































            Required, but never shown














            Required, but never shown












            Required, but never shown







            Required, but never shown







            Popular posts from this blog

            Use pre created SQLite database for Android project in kotlin

            Darth Vader #20

            Ondo