增加触摸用户界面对话框的大小

Is there a way to increase the size of the touch UI Dialog so that all of my tabs won't wrap as shown below?

增加触摸用户界面对话框的大小

是否有增加触摸用户界面对话框的大小，这样我所有的标签都不会换一种方式。以下是我现在所使用的对话框的一个例子。这是从我在网上研究了一个众所周知的问题，但我还没有看到关于如何解决这个问题的任何实例。

<?xml version="1.0" encoding="UTF-8"?> 
<jcr:root xmlns:sling="http://sling.apache.org/jcr/sling/1.0" xmlns:cq="http://www.day.com/jcr/cq/1.0" xmlns:jcr="http://www.jcp.org/jcr/1.0" xmlns:nt="http://www.jcp.org/jcr/nt/1.0" 
jcr:primaryType="nt:unstructured" 
sling:resourceType="cq/gui/components/authoring/dialog"> 
<content 
    jcr:primaryType="nt:unstructured" 
    sling:resourceType="granite/ui/components/foundation/container"> 
    <layout 
     jcr:primaryType="nt:unstructured" 
     sling:resourceType="granite/ui/components/foundation/layouts/tabs" 
     type="nav"/> 
    <items jcr:primaryType="nt:unstructured"> 
     <Ice 
      jcr:primaryType="nt:unstructured" 
      jcr:title="Ice" 
      sling:resourceType="granite/ui/components/foundation/include" 
      path="ttue/components/page/page/cq:dialog/ICe"/> 
     <Jungle 
      jcr:primaryType="nt:unstructured" 
      jcr:title="Jungle" 
      sling:resourceType="granite/ui/components/foundation/include" 
      path="ttue/components/page/page/cq:dialog/Jungle"/> 
     <Fire 
      jcr:primaryType="nt:unstructured" 
      jcr:title="Fire" 
      sling:resourceType="granite/ui/components/foundation/include" 
      path="ttue/components/page/page/cq:dialog/Fire"/> 
     <Church 
      jcr:primaryType="nt:unstructured" 
      jcr:title="Church" 
      sling:resourceType="granite/ui/components/foundation/include" 
      path="ttue/components/page/page/cq:dialog/Church"/> 
     <Food 
      jcr:primaryType="nt:unstructured" 
      jcr:title="Food" 
      sling:resourceType="granite/ui/components/foundation/include" 
      path="ttue/components/page/page/cq:dialog/Food"/> 
     <Basketball 
      jcr:primaryType="nt:unstructured" 
      jcr:title="Basketball" 
      sling:resourceType="granite/ui/components/foundation/include" 
      path="ttue/components/page/page/cq:dialog/basketball"/> 
    </items> 
</content>

来源

2015-11-04 SameOlJoe

您可以使用对话框xml更新您的问题吗？ – rakhi4110

好吧，我刚添加的对话框 – SameOlJoe

这个问题也许可以帮助你：http://help-forums.adobe.com/content/adobeforums/en/experience-manager-forum/adobe-experience-manager.topic.html/ forum__2ect-how_do_wesetheight.html –

(function ($, $document) { 
    "use strict"; 

    function increaseSize(){ 
     // $(".coral-FixedColumn-column").css("height", "50rem"); 
     //$(".coral-FixedColumn-column").css("width", "50rem"); 
     $(".coral-dialog").css("height", "50rem"); 
     $(".coral-dialog").css("width", "50rem"); 
    } 

    $document.on("dialog-ready", function() { 
     increaseSize(); 
    }); 

})($, $(document));

“珊瑚对话” 是一个示例类的名称，请相应的修改。阅读此处了解更多详情： https://docs.adobe.com/docs/en/aem/6-0/develop/ref/granite-ui/api/jcr_root/libs/granite/ui/components/foundation/layouts/index.html

来源

2016-01-28 04:13:46 amitdeol

增加触摸用户界面对话框的大小

回答

相关问题