Announcement

Collapse
No announcement yet.

Make the form to use the entire page

Collapse
X
  • Filter
  • Time
  • Show
Clear All
new posts

  • Make the form to use the entire page

    Hey guys:

    I'm trying to make a control form to use the entire sice of the screen. any idea on how to do so?.

    Regards

  • #2
    Go to Settings.
    Table Width: 100
    Table Width Unit: Percent

    If you are using a menu, than the max. width to be used is determined by the width of the iframe.

    jsb

    Comment


    • #3
      hey jsbinca:

      Thank you for yoru answer but my problem is not "width" wise but hight.

      i need the form to use the entire space available in the browser the problem im having is that if i use js code then lets say the calendar beside fields stops working.

      Regards.

      Comment


      • #4
        ok i resolved it.

        i had add the height as 100vh (vh is a unit supported by most browsers and 1 vh represents 1% of the available display size).

        C u guys around

        Comment


        • #5
          @kafecadm
          Where did you add the vh value?
          Most of the time SC settings have only width configurabile so I wonder where to input that value.

          Comment


          • #6
            oh well:

            in the onLoad event of the form i added code like this:

            PHP Code:
            echo "
            <style>
                html{ width:100%; height:100vh; }
                body{ width:100%; height:100%; }
                //form[name=F1]{ top 60px; width:100%; height:100%; }
                #div_hidden_bloco_0 { height:23px }
                #main_table_form{
                    width:100%;
                    height:100%;
                }
                .scFormPage{
                    width:100%;
                    height:100%;
                }
                #hidden_field_data_rack { height:100vh; }
                

            </style>"

            I analyzed the html that scriptcase generated and created a CSS according to my needs.

            Hope this helps

            Regards

            Comment


            • #7
              This is quite possibly the single most valuable piece of information in these forums (at least for me).

              Dave
              Dave Prue
              Code Whisperer
              Lahar International Corp
              www.lahar.net

              Comment


              • #8
                ;D I could of help

                Regards

                Comment


                • #9
                  @Sempai kafecadm I told you you are expert man, you didn't believe me

                  Comment


                  • #10
                    thank you MikeDESAMACHANSEMPAI

                    Comment


                    • #11
                      Originally posted by kafecadm View Post
                      thank you MikeDESAMACHANSEMPAI
                      I can't pronounce the surname but wonder what the equivalent for grids is.

                      Comment


                      • #12
                        scriptcaser, here you go

                        Comment


                        • #13
                          Originally posted by kafecadm View Post
                          oh well:

                          in the onLoad event of the form i added code like this:

                          PHP Code:
                          echo "
                          <style>
                              html{ width:100%; height:100vh; }
                              body{ width:100%; height:100%; }
                              //form[name=F1]{ top 60px; width:100%; height:100%; }
                              #div_hidden_bloco_0 { height:23px }
                              #main_table_form{
                                  width:100%;
                                  height:100%;
                              }
                              .scFormPage{
                                  width:100%;
                                  height:100%;
                              }
                              #hidden_field_data_rack { height:100vh; }
                              

                          </style>"

                          I analyzed the html that scriptcase generated and created a CSS according to my needs.

                          Hope this helps

                          Regards
                          Just for quick understanding: each page generated by SC is coming with CSS already. Is it that any CSS you place in onLoad event overrides any CSS elements that clash with the defaults of SC (where you use same selectors?)

                          Comment


                          • #14
                            Not quite..

                            Remember that you have many ways to call CSS. scriptcase uses an "include" method with makes reference to a .css file somewhere in the deploy, but if after that you type CSS code the browser will use the clases set in the html code instead of the ones in the file.

                            Regards

                            Comment


                            • #15
                              Well I don't think it'll always use the classes set in the html, quite some time ago (when I actually had CSS lessons, they were fun) I think I learned something like the more detailed/specific the selector the higher the priority is to use that CSS.
                              But anyways in this case if it isn't using the CSS you echo'd just put !important in there.

                              Comment

                              Working...
                              X