简体   繁体   English

修复我们的 Canvas 应用程序中的响应问题

[英]Fixing responsiveness issues inside our Canvas App

I have the following Canvas App:-我有以下 Canvas 应用程序:-

在此处输入图像描述

where i have a main Horizontal container which occupy the whole app, inside the Horizontal container we have 2 vertical containers (the green occupy 1/4 where the other occupy 3/4).我有一个占据整个应用程序的主要水平容器,在水平容器内我们有 2 个垂直容器(绿色占 1/4,另一个占 3/4)。 inside the second vertical container we have a form and a vertical container which have 2 buttons.在第二个垂直容器内,我们有一个表单和一个带有 2 个按钮的垂直容器。

now we are facing these 2 issues:-现在我们面临这两个问题:-

  1. the Save & Edit buttons are shown under each other while we want them to be beside each other.保存和编辑按钮显示在彼此下方,而我们希望它们彼此并排。
  2. on small sized screens the form input fields will be trimmed horizontally (you can not view the end of each field), as follow:-在小尺寸屏幕上,表单输入字段将被水平修剪(您无法查看每个字段的结尾),如下所示:-

在此处输入图像描述

any advice how to fix those 2 issues?任何建议如何解决这两个问题?

  1. You can change the position of buttons from the right side pane.您可以从右侧窗格更改按钮的 position。 Select the button, set the X and Y properties, or just drag it to the location you want. Select 按钮,设置 X 和 Y 属性,或者只是将其拖动到您想要的位置。

  2. This is because the aspect ratio of the smaller screen doesn't match with your app.这是因为小屏幕的纵横比与您的应用不匹配。 If you want it to show better on ipad or phone, change the aspect ratio of the app from the settings to match that of the smaller screen.如果您希望它在 ipad 或手机上显示得更好,请从设置中更改应用程序的纵横比以匹配较小屏幕的纵横比。

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM