Why is there green border in mock phone? and how can i remove that?

Devarsh_Mavani · February 2, 2022, 7:12am

As highlited in image above there is a green border on right of editor. I want to remove that. how can i do that ?

Johannes_Ai2 · February 2, 2022, 8:11am

You can't, this is only displayed in the Designer.

Devarsh_Mavani · February 2, 2022, 8:24am

No i mean how can i change the designer. I know i need to change css but which file should i change?

Aarush_Kumar · February 2, 2022, 9:27am

Line 930 in Ya.css -

github.com

mit-cml/appinventor-sources/blob/master/appinventor/appengine/war/static/css/Ya.css#L930

    
      
          .ode-SimpleFormDesigner {
            padding: 2px;
          }
          
          
.ode-SimpleFormDesigner .gwt-CheckBox {
            font-size: 12px;
          }
          
          
.ode-SimpleMockForm {
            height: auto !important;
            background-color: #d2e0a6;
            border: 2px solid black;
            -webkit-display: flex;
            display: flex;
          }
          
          
.ode-SimpleMockFormPhoneLandscape .ode-SimpleMockForm,
          .ode-SimpleMockFormPhoneLandscapeTablet .ode-SimpleMockForm,
          .ode-SimpleMockFormPhoneLandscapeMonitor .ode-SimpleMockForm {
            -webkit-flex-direction: row;
            flex-direction: row;

ChrisWard · February 2, 2022, 1:21pm

It represents the region reserved for the scrollbar - are you sure you want to remove it?

Aarush_Kumar · February 2, 2022, 2:29pm

Instead removing i suggest change its color to white

Devarsh_Mavani · February 2, 2022, 2:45pm

Thanks changed it to white

Devarsh_Mavani · February 2, 2022, 2:46pm

Actually later i inspected it and spent sometime with its codebase then i got to know that it is for scrollbar. so i changed its color to white

Aarush_Kumar · February 2, 2022, 4:05pm

If your question is solved please mark as solution so that others find it if they have similar question and even i stay happy with it

Android_Builder · February 2, 2022, 5:05pm

but when you change form background color it's showing again

preetvadaliya · February 2, 2022, 5:18pm

use !important so CSS will not change.

system · February 9, 2022, 5:18pm

This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.