开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

如何使物料ui对话框显示在屏幕高度的前半部分？

要使物料UI对话框显示在屏幕高度的前半部分，可以通过以下步骤实现：

获取屏幕的高度：使用前端开发技术，如JavaScript，可以通过window.innerHeight获取当前浏览器窗口的高度。
设置对话框的位置：根据屏幕高度的一半，计算出对话框应该显示的位置。可以使用CSS样式或JavaScript来设置对话框的位置属性，如top或marginTop。
调整对话框的高度：根据需要，可以设置对话框的高度，使其适应屏幕的前半部分。可以使用CSS样式或JavaScript来设置对话框的高度属性，如height。

以下是一个示例代码片段，展示如何使用JavaScript和CSS来实现上述功能：

<!DOCTYPE html>
<html>
<head>
  <style>
    .dialog {
      position: absolute;
      width: 300px;
      height: 200px;
      background-color: #fff;
      border: 1px solid #ccc;
      /* 其他样式属性 */
    }
  </style>
  <script>
    window.onload = function() {
      var dialog = document.getElementById('dialog');
      var screenHeight = window.innerHeight;
      var dialogHeight = screenHeight / 2;
      var dialogTop = (screenHeight - dialogHeight) / 2;
      
      dialog.style.height = dialogHeight + 'px';
      dialog.style.top = dialogTop + 'px';
    };
  </script>
</head>
<body>
  <div id="dialog" class="dialog">
    <!-- 对话框内容 -->
  </div>
</body>
</html>

在上述示例中，我们使用了一个名为dialog的div元素作为对话框，并设置了其初始高度和样式。通过JavaScript代码，在页面加载完成后，获取屏幕高度并计算出对话框的高度和位置，然后使用CSS样式将其应用到对话框元素上。

对于腾讯云相关产品和产品介绍链接地址，由于要求不能提及具体品牌商，建议您参考腾讯云官方文档或咨询腾讯云的技术支持团队，以获取与物料UI对话框显示相关的产品和解决方案。

相关搜索:React:如何使所选选项不显示在物料界面自动完成的输入字段中在Phaser 3中，如何启用单击数组中的单个项目并在屏幕的不同部分显示每个项目？在带有自定义第一个元素的RecyclerView中如何使第一个元素的高度等于屏幕的大小如何使resposive元素在较大屏幕上以最大宽度和高度显示，并在较小屏幕上保持其比例如何使对话框显示在屏幕底部如何使导航栏的每个选项卡均匀地显示在屏幕上如何使微调器中的int值在微调器内的UI中显示为文本值？如何使我的图片显示在半个屏幕上？如何使按钮显示在屏幕的中心如何使输入字段中的文本在提交后显示在屏幕上？

相关搜索:

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

SAP最佳业务实践:MM–库存处理:报废、冻结库存(131)-3报废

在初始屏幕上，确保在屏幕左上角的第一个字段显示发货，并且第二个字段显示其它。 2. 在右上角的字段中，输入移动类型 951。 3. 选择回车。 4....在科目分配标签页上，选择获利能力段。 10. 选择继续。 11. 可选项：如果物料按批次处理，例如，TRADE21：在批次标签页上输入外部批次编号，或使内部编号分配的字段为空。...也可以使用事务 MBST 取消此物料凭证。 14. 可选项：显示物料凭证和 FI/CO 过帐。确保屏幕左上角的第一个字段显示显示，并且第二个字段显示物料凭证。...在初始屏幕上，确保在屏幕左上角的第一个字段显示发货，并且第二个字段显示其它。 2. 在右上角中，输入移动类型551。 3. 选择回车。 4....第三个字段显示来自上次过帐的物料凭证编号，如果不显示此编号，请输入物料凭证编号。选择回车。选择文件信息. 标签页。选择FI 凭证。如果显示会计凭证清单 对话框，请选择凭证类型。检查会计过帐。

8.3K5 0

vivo官网APP全机型UI适配方案

（2）UI设计师要做的效果图要多了，是不是要针对每种机型都要设计一套效果图呢？（3）产品和运营需要选择的物料更受限制了，会不会这个物料在一个机器上正常。在其他机器上就不正常了呢？...2、高度不变，裁剪物料对于模块3的图片，可以回顾3.2中的展示样式，要求是（1）直板手机上面，模块3中图片1的高度此处为300px。...3.4.1 UI如何设计的如图所示，能够直观地感受到，从直板手机到折叠屏内屏再到Pad横屏，当设备的可显示面积增大时，页面充分利用空间展示更多的商品信息。...1、文字显示区域放大如下图所示，标题的长度，在整个容器显示宽度变宽的同时，也跟着一起变化，保证内容的长度可以自适应的变化。...2、弹框样式的兼容如下图所示，蓝色区域是键盘的高度，在屏幕进行旋转的时候，键盘的高度也是变化的，此时可能会出现遮挡住原本展示的内容，此处的处理方式是：让内容区域可以上下滑动。

1.6K3 0

SAP最佳业务实践:外委生产(249)-5委外发货2

VL31N过账向内交货/发货通知 (ASN) 转包商交付部分订购数量，并通过发运通知 (ASN) 公布发货。发运通知包含制造物料的序列号和消耗性组件的批次编号。信息均可输入向内交货对话框。...在屏幕上方的菜单中，选择 (NWBC: 更多…®)附加 ®序列号。在对话框 维护系列号上，删除一个尚不发货的序列号。在出现的确认提示对话框里选择是进行确认，记下用到的序列号码以便将来使用。 3....使用回车，关闭对话框。 4. 在库存入库标签页上，使交货数量降至前面对话框中保留的序列号数量，然后在入库数量字段输入和交货数量相同的值。序列号数量和交货数量必须一致。...在更改内向交货屏幕，输入内外交货编号，选择回车。 2. 在内向交货XXXXX更改：概览屏幕，选择过账收货。 3. 检查内向交货的凭证流，显示交货的物料凭证。过账转包物料 S249 的收货。...在更改物料序列编号：初始屏幕，输入以下值并选择回车：字段名称用户操作和值注释物料 S249 序列号在步骤 4.1.4.11记下的序列号 2.

1.6K5 0

腾讯开源超实用的UI轮子库，我是轮子搬运工

QMUI_Android 功能特性全局 UI 配置只需要修改一份配置表就可以调整 App 的全局样式，包括组件颜色、导航栏、对话框、列表等。一处修改，全局生效。...QMUIBottomSheet 在 Dialog 的基础上重新定制了 show() 和 hide() 时的动画效果, 使 Dialog 在界面底部升起和降下。...在 item 右侧显示一个开关或箭头或自定义的View QMUIDialog 提供了一系列常用的对话框，解决了使用系统默认对话框时在不同 Android 版本上的表现不一致的问题。...QMUIFontFitTextView 使 TextView 在宽度固定的情况下，文字多到一行放不下时能缩小文字大小来自适应。...获取屏幕信息，包括屏幕密度、屏幕宽度和高度、状态栏高度、ActionBar 高度等。

4.7K3 0

SAP最佳业务实践:SD–客户寄售(119)-4寄售退回

选择保存（如果显示消息凭证不完整：你不能保存交货，按回车确认此警告消息。只有涉及到序列号受控的物料才显示此消息。将在下列步骤之一单独完成序列号分配）。存在完整交货。...如果已激活批次管理，且物料已分类，则采用这个步骤。如果批次管理被激活，则会采用这个步骤。 1. 在更改外向交货屏幕上，输入外向交货编号并按回车。 2....在更改外向交货屏幕上，输入外向交货编号并选择回车。 2. 选择您需要分配序列号的物料，从菜单中选择附加 ® 序列号。 3. 在维护系列号对话框中，从输入帮助中选择序列号。...选择返回 (F3) 以退回到 SAP 轻松访问屏幕 (SAP GUI)。序列号已分配给物料。...为使货物可用，必须进行从退货存储地点到标准存储地点的转帐过帐。

1.7K7 0

SAP最佳业务实践:外委生产(249)-3采购

要查看序列号 对话框，在项目细节区域交货计划标签页中，选择字段统计的交货日期旁边的图标分配序列号。 6. 选择保存，记录采购订单编号。已创建采购订单。...物料 S249 的序列号已经生成，并已分配给采购订单项目。您可以更改或显示采购订单的序列号（项目细节区域交货计划标签页 ®图标显示序列号清单）。在转包流程的收货过账期间，将给物料分配序列号。...在分配子页上（如有必要请展开节点分配），选择货源复选框，然后选择创建采购订单（左上方的红色和白色按钮）。 ? 1. 在创建采购订单屏幕上的凭证总览区域（左侧），从列表中选择申请号。 2....使用回车关闭维护系列号 对话框。要查看序列号 对话框，在项目细节区域交货计划标签页中，选择字段统计的交货日期旁边的图标分配序列号。 5....在审批（同意）采购凭证屏幕中，进行以下输入：字段名称用户操作和值注释审批代码 01 显示项目数据清单 X 选中复选框。清单范围 BEST 采购凭证类别 F 2. 选择执行。 3.

1.1K5 0

SAP最佳业务实践:SD–退货和投诉(111)-2业务处理

在依照参考创建 对话框中，在开票Doc标签页上输入开票凭证编号，然后选择项目选择。 ? 4. 在依照参考创建屏幕上，选择要参考的项目并选择复制。...在创建RMA请求：概览屏幕上，输入订单原因（例如，质量低劣）。 ? 6. 显示项目细节。选择装运标签页并输入退货的存储地点（例如工厂10000中的1060）。 7. 选择保存。...在更改外向交货屏幕中输入退货交货单号并选择回车。 2. 选择您需要分配序列号的物料，选择项目明细。 3....在交货 XXX更改:项目明细屏幕上选择您要分配序列号的批次，选择更多® 附加® 序列号。 4. 在维护系列号 对话框中，从输入帮助中选择序列号。 5. 保存交货。序列号已分配给物料。...为使货物可用，必须进行从退货存储地点到标准存储地点的转帐过帐。

1.9K4 0

PS模块第十节：PA PLM220详细练习

b)在模板区域中，展开“单个对象”部分，然后展开“活动”部分。将活动（外部）对象拖放到树状结构中的顶部WBS元素。新的活动已创建。您可以存储在活动的详细信息屏幕中指定的计划数据。确认您的条目。...a)i拖动并将外部处理对象从模板区域拖放到树状结构中的顶部WBS元素（程序集）。输入新活动的详细信息屏幕中显示的数据。通过单击“继续”图标来确认您的条目和对话框。购买信息记录中的数据复制到活动。...通过单击 Enter 图标来确认您的条目。 c) 可能会出现一个对话框，您可以选择采购类型。在对话框中，选择“网络的购买申请”，并通过单击“继续”图标确认您的条目。 d) 显示组件的详细信息屏幕。...为此，请仅在概述中选择第二个组件，然后单击“常规”图标以显示详细信息屏幕。检查该组件的帐户分配类别。为此，请转到“采购参数”选项卡页面。在材料主文件部分中，也请查看采购字段。...确认使用“继续”的对话框。如果出现另一个对话框，请选择“新的采购订单”。 d) 此时将显示采购订单。在左侧的文档概述中，按住 CTRL 键并选择三个采购申请。

3.7K2 2

简单了解下无障碍设计模式

样式布局 Material Design 的触摸目标指南使那些无法看到屏幕、或者运动不灵活的用户能够点击应用中的元素。触摸目标触摸目标是屏幕中响应用户输入的部分。...头像：40dp 图标：24dp 两者的触摸目标：48dp 触摸目标示例触摸目标高度：48dp 按钮高度：36dp 触摸目标和按钮示例分组项目把相关的项目放在一起，对那些视力低下或者在屏幕上聚焦困难的用户是有帮助的...视觉反馈（如标签、颜色和图标）和触摸反馈向用户显示了可用的 UI。导航应该具有清晰的任务流程，和最少的步骤。在频繁使用的任务上，应该实现聚焦控制、或控制键盘和读取焦点的功能。...错误示例此屏幕使用非标准平台的对话框来执行一个标准的对话框任务。这种实现会需要额外的编码和测试，以使这种非标准控件和无障碍技术相兼容。...部分内容被重叠或截断。使 UI 元素的标签可视化屏幕阅读器用户需要知道屏幕中哪些元素是可以点击的。

4.7K4 0

SAP最佳业务实践:返工处理（在制品）(202)-2生产处理

已将物料 F126 的参考工序集分配给标准工序集中的触发点。执行生产订单时，工序20 的部分确认将触发参考工序集的调用。...这些是自动下达的，随后是作为正常生产部分的生产执行。在以下业务情景中，已确认产成品的集中。在下一工序中，最后接受时发现废料。立即触发返工流程，然后确认返工活动并过帐附加的物料消耗。...在输入生产订单的计工单屏幕中，输入以下内容：字段名称用户操作和值注释订单您记录的物料 MTS 产成品的订单编号工序0020 确认类型部分确认重要 2. 使用回车确认输入。...在分配工序/子工序号屏幕上，将工序编号更改为0022。 3. 在分配工序/子工序号屏幕上选择采用 (F7)。 ? 1. 按回车确认对话框切换点功能。 ? 1....输入物料产成品 MTS (F126)的订单编号。 2. 在生产订单显示:抬头屏幕上，选择工序概览 (F5)。 3. 注意，已添加并下达了返工工序0022。 4.

2.8K6 0

SAP最佳业务实践:SD–带质量管理的销售退货(237)-4退货质检

在检验批选择屏幕上,按下述方式维护选择数据：字段名称用户操作和值注释物料例如：F231-1 你的物料号码工厂 1000 检验批来源 06 消费者退货 ? 2....在检验批的缺陷总览：记录屏幕上，在项目概览部分的代码组字段中，选择 F4。 7....在为检验批修改数据：批量抽检工作清单屏幕上，选择相关检验批，然后选择修改使用决策 (UD)。 ? 4. 在记录使用决策：缺陷总览屏幕上，选择缺陷部分中的相关行项目。 5....在使用决策部分的使用决策代码字段中，选择 F4。在检验批使用决策 对话框中，选择 YB02-01（收货时使用决策）并展开该节点。 ? 6....系统显示消息批 XXXXXXX 的使用决策被保存。在处理此活动后，执行本文档中的步骤批准退货以开票和开票，并对每个检验结果执行以下操作。

2.2K4 0

SAP最佳业务实践:MM–退货到供应商(136)-2采购退货

在初始屏幕上，确认左上角的第一个字段中显示的是 A08 转移过帐，第二个字段显示R10其他。在右上角字段 (TF厂内转储) 中输入移动类型 311然后选择回车。...如果更改移动类型，会显示对话框 (更改默认值)。选择回车。 2....在批次字段目标中，为新的存储地点输入相同的批次编号。 5. 如果物料主数据中定义了序列号参数文件，您必须在序列号标签中输入您要转帐的个别部分的序列号。...在显示物料序列编号:序列号选择屏幕上，输入以下内容：字段名称用户操作和值注释物料周期从周期至工厂 1000 存储地点 <含序列号的物料存储地点...在显示物料序列编号:序列号选择屏幕上，选择您要转帐部分的序列号，然后选择选择。 9. 选择过帐。 10. 系统消息物料凭证49xxxxxxxx已过账将显示在屏幕的底部。

2.8K4 0

SAP最佳业务实践:SD–售前活动(920)-4数量合同

在依照参考创建对话框中，输入以上在合同标签页中记录的合同编号，然后选择项目选择和复制。 ? 4. 相应的数据将复制到销售订单中。可以更改数量。...在这种情况下，减少该数量，以使合同仍保持为未清状态并且可用于业务情景不显示参考合同创建销售订单 B)（参见下文）。 ? 5. 在创建标准订单-化工概览屏幕上输入采购订单编号。 6....三、不显示参考合同创建销售订单如果为特定的客户和物料创建与未清合同的销售订单等效的销售订单，则系统可以支持用户以多种方式将订单分配给未清合同。...如果物料有未清框架协议，则将显示对话框未清框架协议/报价为项目 – 为这个物料 – CH-6200 – 有未清框架协议。可以选择继续忽略该消息。在此处，可以选择清单查看未清框架协议。...此时将显示带参考的凭证 对话框。标记未清合同，并选择复制。 6. 相应的数据将复制到销售订单，如定价。可以更改数量。 7.

2.2K6 0

SAP最佳业务实践:SD–客户寄售(119)-2寄售补货

将光标置于带绿色指示灯的行上，并选择选择细节。在对话框中，您可以看到已经创建的交货编号。创建了交货凭证。如果已使用物料 H21、H22、F29、F126，则批次是自动确定的。...在交货 XXX :项目细目屏幕上，选择需要分配序列号的批次并选择 (NWBC: 更多…®) 附加® 序列号。如果物料为非批次控制 (H20)，则选择 (NWBC: 更多…®)附加® 序列号。...在维护系列号对话框中，从输入帮助中选择序列号。出于测试目的，从已经分配了工厂和存储地点的选择清单中选择一个序列号。...在库存概览：公司代码/工厂/存储位置/批次屏幕中，进行以下输入：字段名称用户操作和值注释物料工厂 2. 选择执行。 3....选择客户寄售行，然后选择显示明细（或使用双击）。将显示工厂 1000 中为客户 100001的客户寄售库存。 ? 已将 10 件货物的库存过帐到客户寄售非限制使用库存。

2.2K5 0

SAP最佳业务实践:使用看板的生产制造(233)-4经典看板：使用及时 (JIT) 调用、看板计算和警报的外部采购

在从ＸＸＸＸ个小时开始的库存／需求清单屏幕上，检查物料 R233-4 的现有相关需求。要在看板计算中获得有意义的结果，至少应具备本月和下个月的需求（部分波动，部分稳定）。...在控制周期维护:显示屏幕上，输入以下数据并选择执行：字段名称用户操作和值注释工厂 1000 供应区域 Kanban_02 2....在控制周期维护:显示　屏幕上，检查计算得出的看板数量是否已写入控制周期的看板数字段。 3. 要查看计算数据，请选择显示图形。 4....在弹出窗口看板图形输入的对话框　中，进行以下输入并选择回车：字段名称用户操作和值注释评估自当天日期评估至日期 + 2 个月 ? 5. 检查显示的图形。...标记正确的行并选择 (NWBC:更多…®)转到® 显示控制周期。检查空看板的最大数量。 4. 选择后退。 5. 将多个看板设置为空，使空看板的总数大于两个步骤之前检查的数量（在此情况下至少为 2）。

2.9K4 1

iOS 9人机界面指南（一）上篇：UI设计基础 - 腾讯ISUX

（显示环境[display environment]的概念指的是设备的整个屏幕或者其中一部分，比如弹出框的区域或者iPad分屏视图中其中一侧的区域。）...iPhone的显示环境可根据不同的设备和不同的握持方向而改变。竖屏时，iPhone6 Plus使用的是压缩宽度和常规高度类型。 ? 横屏时，iPhone6 Plus使用的是常规宽度和压缩高度类型。...有几个比较好的办法是在屏幕上半部分放置主要内容——遵循从左到右的习惯——从靠近左侧的屏幕开始： ? 使用不同的视觉化重量和平衡来告诉用户当前屏显元素的主次关系。...时钟在秒表和计时页面中给按钮增加背景来强调开始和暂停按钮，并且使按钮在易分散注意力的内容中更容易点击。 ?...避免显示不必要的提醒对话框。对话框是很强的反馈机制，只有在传递非常重要，且可操作的信息时才需要使用它。如果用户常看到很多没有重要信息的对话框，他们很快就会忽略所有对话框提醒。

1.8K4 1

SAP最佳业务实践:SD–按计划协议的销售(231)-3发货

在更改外向交货屏幕上，输入外向交货编号并选择回车。 2. 选择需要分配序列号的物料，再选择项目明细。 3.在交货xxxxxxxx更改：项目细目屏幕上，选择(NWBC:更多…→)附加→序列号。...在维护系列号 对话框中，从输入帮助中选择序列号。出于测试目的，从已经分配了工厂和存储地点的选择清单中选择对应数量的序列号。 5. 保存外向交货。序列号已分配给物料。...虽然零件实际上可能已经包装，但还需要将其包装状态显示在系统中。如果需要执行包装流程，则使用本步骤。已包装的物料叫做搬运单元 (HU)，搬运单元是标签打印（VDA、KLT 或 GTL）之必需。...在处理外向交货xxxxxxxxxx的处理单位屏幕上,单击按钮自动包装 (Ctrl+F3)，查看系统如何根据包装指令建议搬运单元。 4....八、VL03N打印提货单（主）提货单是代运人使用的凭证。提货单显示卡车上将装载的托盘数量及重量。卡车司机在提货单上签字，证明托盘的装载完整、正确。

3.7K6 0

SAP最佳业务实践:MM–消耗品采购(129)-3服务采购

获得更多的关于内部订单的信息，参见业务情景 186 -市场营销和其他间接费用内部订单 - 实际如何创建内部订单的技术信息参考业务情景： 155.12 – 创建内部订单 7....在创建登记表屏幕上，选择(NWBC：更多…® )编辑® 服务选择复制采购订单中的服务。 ? 4. 将出现服务选择 对话框。选择来自采购订单，并输入采购订单编号。 5....在选择作为参考的服务屏幕上，选择相关服务并选择(NWBC：更多…® )编辑® 采用服务(F9)。 ? 7. 在创建登记表屏幕上，在屏幕顶部输入短文本并选择继续 (回车)。 ? 8....在显示登记表上屏幕上，选择其他采购订单 (Shift + F5)，并输入前一步骤中的条目表编号。现已选择采购订单。 2. 选择采购订单段文本左下的服务条目单。 3....为了能更改服务条目表，请选择显示 «更改 (F5)。 4. 在更改登记表屏幕上，选择接受 (绿色标记) 以接受原有的服务条目表。 ? 5. 保存该条目表。 ? 将审批服务条目表。

1.5K3 0

SAP最佳业务实践:生产订单拆分-工具生产(236)-3设备

在物料主数据中定义序列号参数文件，并且下达生产订单。后勤 ®生产 ®车间现场控制 ®订单 ®显示 1....在生产订单显示：初始屏幕上，输入以下数据：字段名称描述用户操作和值订单生产订单的订单编号输入上一步骤中已下达的订单编号 2. 选择回车确认输入。 3....在生产订单显示：抬头屏幕上，选择抬头 ® 序列号 (E)…。 ? 在显示系列号 对话框中，列出了下达生产订单时生成的序列号。记录序列号（编号范围）:______________。...系统向您显示所有物料的概览表，这些物料的货物移动是通过确认工序自动完成的。 ? 为反冲（工艺路线、组件分配）设置物料 R16 和R17，以便在确认工序后自动完成物料的提取。...在更改设备：初始屏幕上，使用 F4 帮助来查找您的设备数据。在设备编号 对话框中，选择选项页物料序列号。字段名称用户操作和值注释物料P236-1 序列号 2.

1.3K5 0

SAP最佳业务实践:SD–可退回包装物销售(120)-3销售订单及发货

确认您的输入。 3. 创建销售订单:概览屏幕将显示订单抬头和项目数据。...将光标置于带绿色指示灯的行上，并选择选择细节。在对话框中，您可以看到已经创建的交货编号。 ? 已创建交货凭证，如果已使用批次物料，则批次是自动确定的。...在交货8xxxxxx 更改:概览屏幕的捡配标签页上，进行下列输入：字段名称描述用户操作和值注释物料 L001 物料 L001；无托盘和包装的自动分配工厂工厂商店存储地点...（在对话框中选择当天的日期） ? 已过帐发货。...在库存概览屏幕中，进行以下输入：字段名称描述用户操作和值注释物料物料：L001 工厂 1000 2. 选择执行。 3.

1.9K6 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭