Question

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?

有没有办法增加触摸UI对话框的大小，以便我的所有标签都不会换行。下面是我目前所拥有的对话框的示例。这是我在网上研究的一个众所周知的问题，但我还没有看到任何关于如何解决这个问题的例子。

 <?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>

Answer 1

(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));

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

增加Touch UI对话框

1 个答案: