12 Replies Latest reply on Feb 2, 2017 3:38 PM by cachilli

    WIB scale page

    erron.soon Rookie

      Hi there,

       

      We are using a Zebra VC70 with customer's web application, if I press CTRL and + it zooms in nicely. Repeating this 5 times puts the application at the perfect scale size on screen.(large)

       

      image002.png

       

      However when we move to the next page the scale is back to original (small)

       

      image001.png

       

      Ideally we want this large "zoom level" to apply to all pages.

       

      How can we emulate this with WIB?

       

      I have also tried inserting CSS however no zoom/scale seems to work as well as this method.

       

      Regards,

      Erron

        • 1. Re: WIB scale page
          cachilli SupportEmployee

          You may want to try and use the emulation parameter, " Web Default Text Size" and set this to "Largest".. this will zoom in on the page..

          • 2. Re: WIB scale page
            erron.soon Rookie

            Hi there,

             

            Setting web default text size to largest does not produce the same result as pressing CTRL and +

             

            In fact, I have already set web default text size to largest.

            • 3. Re: WIB scale page
              cachilli SupportEmployee

              That's unfortunate, in the past, inserting the CSS has worked well with these types of issues. if inserting CSS does not fix the issue, then the only option that i can come up with is to edit the page(s) directly.

              • 4. Re: WIB scale page
                erron.soon Rookie

                I simply want the device to execute "CTRL and +" five times upon loading a webpage to achieve the desired zoom level.

                 

                Is there a script we can use to perform this?

                • 5. Re: WIB scale page
                  cachilli SupportEmployee

                  Unfortunately No.. i have been trying to use the CTRL + with Code CCBB and Code CC6B and neither work.. This is because the client is processing these as key presses and not functions within a browser..

                   

                  the only option would be to get the CSS to work on that page(s) or edit them directly..

                   

                  As for the CSS, I would need the complete source of the page to be able to help with that..

                  • 6. Re: WIB scale page
                    erron.soon Rookie

                    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

                     

                     

                    <html xmlns="http://www.w3.org/1999/xhtml">

                        <head>

                            <title>Factory Automation Login</title>

                            <style type="text/css">

                                body

                                {

                                    font-family: Arial;

                                }

                               

                                #loginborder

                                {

                                    width: 300px;

                                    border: 1px solid #000;

                                }

                               

                                #loginborder h1

                                {

                                    padding: 5px;

                                    color: #fff;

                                    background-color: #EF1832;

                                    font-size: 100%;

                                }

                               

                                .inputlabel

                                {

                                    font-size: 80%;

                                }

                               

                                #errormessage

                                {

                                    padding: 5px;

                                    color: Red;

                                    font-size: 80%;

                                }

                            </style>

                        </head>

                      <body>

                      <div id="loginborder">

                                <h1>Factory Automation Login</h1>

                                <form name="Login" method="post" action="Login.aspx?ReturnUrl=%2f" onsubmit="javascript:return WebForm_OnSubmit();" id="Login">

                    <div>

                    <input type="hidden" name="__EVENTTARGET" id="__EVENTTARGET" value="" />

                    <input type="hidden" name="__EVENTARGUMENT" id="__EVENTARGUMENT" value="" />

                    <input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwULLTE5ODg5NDU4NDBkZNL8SSoW2cPrP64ApZyCu+92X/RcN/NPjP0P1sEe4V+h" />

                    </div>

                     

                     

                    <script type="text/javascript">

                    //<![CDATA[

                    var theForm = document.forms['Login'];

                    if (!theForm) {

                        theForm = document.Login;

                    }

                    function __doPostBack(eventTarget, eventArgument) {

                        if (!theForm.onsubmit || (theForm.onsubmit() != false)) {

                            theForm.__EVENTTARGET.value = eventTarget;

                            theForm.__EVENTARGUMENT.value = eventArgument;

                            theForm.submit();

                        }

                    }

                    //]]>

                    </script>

                     

                     

                     

                     

                    <script src="/WebResource.axd?d=B26TKQy5_Qumx3Jo0ybDrEOIxsZEk3-dkaE9_LPpHq-mNSST48nN-I9vLoKuwIduesIAdhn0lDH880T9ZxwTMoK4CzTNV87DmWxHCI2KDcQ1&amp;t=635195697120000000" type="text/javascript"></script>

                     

                     

                     

                     

                    <script src="/WebResource.axd?d=yvBvRSUdY2XaVJUx4jtU5O1LDJx7JnPd1jvFhngRdaXjG6Bj5GgFBzHQytsQPLI3F7Q-Zf48IMLdGMif343OcsSsXQPwYAmfQfinJ74iGT41&amp;t=635195697120000000" type="text/javascript"></script>

                    <script src="/WebResource.axd?d=7hTSXTtaHc-oUt39f51wuyFuQUlOajtNfEnXdPXkeCyH4lS5WBfstt4BD8ZQg2CXNyYuNatPmpClKrOkFnB22_5ATJAMLk6ylC7howa_ZGA1&amp;t=635195697120000000" type="text/javascript"></script>

                    <script type="text/javascript">

                    //<![CDATA[

                    function WebForm_OnSubmit() {

                    if (typeof(ValidatorOnSubmit) == "function" && ValidatorOnSubmit() == false) return false;

                    return true;

                    }

                    //]]>

                    </script>

                     

                     

                    <div>

                     

                     

                      <input type="hidden" name="__EVENTVALIDATION" id="__EVENTVALIDATION" value="/wEdAAQAPqTFsYrv39i0yqMmm17JVK7BrRAtEiqu9nGFEI+jB3Y2+Mc6SrnAqio3oCKbxYainihG6d/Xh3PZm3b5AoMQqyODdIpGbriPw5u9oudbeuYMrQMXAW8yi+KnQC7rvxk=" />

                    </div>

                         <table>

                                        <tr>

                                            <td><span id="Label2" class="inputlabel">Username:</span></td>

                                 <td>

                                                <input name="txtUsername" type="text" id="txtUsername" style="width:180px;" />

                                                <span id="rfvUserName" style="color:Red;visibility:hidden;">*</span>

                                            </td>

                                        </tr>

                                        <tr>

                                 <td><span id="Label3" class="inputlabel">Password:</span></td>

                                 <td>

                                                <input name="txtPassword" type="password" id="txtPassword" style="width:180px;" />

                                                <span id="rfvPassword" style="color:Red;visibility:hidden;">*</span>

                                            </td>

                                        </tr>

                                        <tr>

                                 <td><input type="submit" name="btnLogin" value="Login" onclick="javascript:WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions(&quot;btnLogin&quot;, &quot;&quot;, true, &quot;&quot;, &quot;&quot;, false, false))" id="btnLogin" /></td>

                                        </tr>

                         </table>

                                    <div id="errormessage">

                                        <span id="errorLabel" style="display:inline-block;width:98%;"></span>

                                    </div>

                        

                    <script type="text/javascript">

                    //<![CDATA[

                    var Page_Validators =  new Array(document.getElementById("rfvUserName"), document.getElementById("rfvPassword"));

                    //]]>

                    </script>

                     

                     

                    <script type="text/javascript">

                    //<![CDATA[

                    var rfvUserName = document.all ? document.all["rfvUserName"] : document.getElementById("rfvUserName");

                    rfvUserName.controltovalidate = "txtUsername";

                    rfvUserName.evaluationfunction = "RequiredFieldValidatorEvaluateIsValid";

                    rfvUserName.initialvalue = "";

                    var rfvPassword = document.all ? document.all["rfvPassword"] : document.getElementById("rfvPassword");

                    rfvPassword.controltovalidate = "txtPassword";

                    rfvPassword.evaluationfunction = "RequiredFieldValidatorEvaluateIsValid";

                    rfvPassword.initialvalue = "";

                    //]]>

                    </script>

                     

                     

                     

                     

                    <script type="text/javascript">

                    //<![CDATA[

                     

                     

                    var Page_ValidationActive = false;

                    if (typeof(ValidatorOnLoad) == "function") {

                        ValidatorOnLoad();

                    }

                     

                     

                    function ValidatorOnSubmit() {

                        if (Page_ValidationActive) {

                            return ValidatorCommonOnSubmit();

                        }

                        else {

                            return true;

                        }

                    }

                            WebForm_AutoFocus('txtUsername');//]]>

                    </script>

                    </form>

                            </div>

                      </body>

                    </html>

                    • 7. Re: WIB scale page
                      cachilli SupportEmployee

                      from what i can see zoom should work

                       

                      default setting:

                       

                      Zoom set to 2:

                      2 of 2 people found this helpful
                      • 8. Re: WIB scale page
                        cachilli SupportEmployee

                        You can try this insert

                         

                        <style type="text/css">

                        Body {

                        zoom:2;

                        }</style>

                        2 of 2 people found this helpful
                        • 9. Re: WIB scale page
                          erron.soon Rookie

                          Hi there,

                           

                          I have included that CSS in a text file named zoom.txt then inserted it in Header Top, forced update device however it does not appear to make any changes.

                           

                          zoom.PNG

                          headertop.PNG

                          • 10. Re: WIB scale page
                            cachilli SupportEmployee

                            Try adding this to Body Bottom

                            1 of 1 people found this helpful
                            • 11. Re: WIB scale page
                              erron.soon Rookie

                              Hi there,

                               

                              Adding the insert position to Body Bottom resolved the issue.

                               

                              Thank you

                              • 12. Re: WIB scale page
                                cachilli SupportEmployee

                                that's good to hear! Glad that worked out for you..