Edit form on Phone media

[Fabio Lenzarini]

Hi everyone,
Something strange is happening when I open a page in edit mode on my smartphone.
The form appears very narrow.
The only way to see it “normally” is to set it to ‘Modal’ mode, but this mode then has a problem if I exit the form without saving because it doesn't show me the “do you want to save yes/no” dialog box.

Does this happen to you too?

ciao

Fabio

[Fabio Lenzarini]

PS: I'm using V7

On the demo on PythonAnywhere work fine.

Is my option that the calculation of border fail..

the left and right margin of the edit form is always the same, with the phone in vertical or horizontal mode..

--
You received this message because you are subscribed to the Google Groups "Jam.py Users Mailing List" group.
To unsubscribe from this group and stop receiving emails from it, send an email to jam-py+un...@googlegroups.com.
To view this discussion visit https://groups.google.com/d/msgid/jam-py/82e78e7d-fbd4-4f45-bafa-767bb20879a8n%40googlegroups.com.

[Dean D. Babic]

Hi Fabio,

no, we have no issue since not using TinyMCE.
You can see how beautify the form opens on mobile phone in here:

https://msaccess.pythonanywhere.com/ 

This is 7.0.36

[Dean D. Babic]

Btw

I just updated this app Memo field. Working well. Used:

        <script src="https://cdn.jsdelivr.net/npm/tin...@5.7.1/tinymce.min.js"></script>

<div class="account_transactions-edit">
    <div class="form-body">
        <div class="edit-body"></div>      
        <div>
            <textarea id="mytextarea">
            </textarea>
        </div>

    </div>....

[Fabio Lenzarini]

I don't know exactly what my problem is...
For now, I've solved it by modifying a few lines of code in the “modal.js” file:

From line 175
    layout() {
        if ($(window).width() > this.modal_forms.task.px_size(this.options.width)) {
            this.$modal_dialog.css(‘max-width’, this.options.width);

// sup.sn        
       
            if ($(window).width() <= 768) {                
                this.options.width = $(window).width();
                this.options.width = this.options.width - this.options.width / 20;
this.$modal_dialog.css(‘max-width’, this.options.width);
            }
           
// sup.en            

            this.$modal_dialog.css(‘margin-left’, ‘auto’);
            this.$modal_dialog.css(‘margin-right’, ‘auto’);
        }

To view this discussion visit https://groups.google.com/d/msgid/jam-py/3a221fcd-e8a2-4aa2-9f2c-9d0fda447731n%40googlegroups.com.