blocks|key|457714|text|要设定使用条款，你需要做两件事。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|457715|首先，您需要创建一篇Web内容文章。|457716|去控制小组。|ordered-list-item|457717|选择"Web内容“。|457718|然后添加>“基本内容”。|457719|输入您想要的使用语言。|457720|写下您创建的内容的ID和组ID。|457721|注意:当您查看内容的页面时，ID是可用的，但是组ID不太明显。要找到组ID，请查看URL，并找到参数doAsGroupId。它的值是您为该文章创建的组ID。|offset|length|style|CODE|457722|其次，您需要配置门户来加载这篇Web内容文章。|457723|从文件系统导航到Liferay+Portal安装。|457724|从那里找到portal.properties文件。如果您使用Tomcat，它将位于webapps\ROOT\WEB-INF\classes中。|457725|这里添加一个名为portlet-ext.properties的文件，如果它还不存在的话。|457726|将下面的键添加到您以前写下的值中。
terms.of.use.journal.article.group.id=+terms.of.use.journal.article.id=|457727|重新启动服务器，门户现在应该显示Web内容文章中的使用条款。|457728|entityMap^0|0|0|0|0|0|0|0|1E|B|0|0|0|5|H|15|S|0|8|M|0|0|0^^$0|@$1|2|3|4|5|6|7|18|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|19|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|1A|8|@]|9|@]|A|$]]|$1|G|3|H|5|F|7|1B|8|@]|9|@]|A|$]]|$1|I|3|J|5|F|7|1C|8|@]|9|@]|A|$]]|$1|K|3|L|5|F|7|1D|8|@]|9|@]|A|$]]|$1|M|3|N|5|F|7|1E|8|@]|9|@]|A|$]]|$1|O|3|P|5|6|7|1F|8|@$Q|1G|R|1H|S|T]]|9|@]|A|$]]|$1|U|3|V|5|6|7|1I|8|@]|9|@]|A|$]]|$1|W|3|X|5|F|7|1J|8|@]|9|@]|A|$]]|$1|Y|3|Z|5|F|7|1K|8|@$Q|1L|R|1M|S|T]|$Q|1N|R|1O|S|T]]|9|@]|A|$]]|$1|10|3|11|5|F|7|1P|8|@$Q|1Q|R|1R|S|T]]|9|@]|A|$]]|$1|12|3|13|5|F|7|1S|8|@]|9|@]|A|$]]|$1|14|3|15|5|6|7|1T|8|@]|9|@]|A|$]]|$1|16|3|-4|5|6|7|1U|8|@]|9|@]|A|$]]]|17|$]]

<p>To set the terms of use you will need to do 2 things.</p>

<p>First you'll need to create a Web Content Article.</p>

<ol>
<li>Go to the Control Panel.</li>
<li>Select "Web Content".</li>
<li>Then Add > "Basic Content".</li>
<li>Enter in your desired Terms of Use language.</li>
<li>Write down the ID and the Group ID you've created the content.</li>
</ol>

<p>Note: The ID is available when you're viewing the content's page but the group ID is less obvious. To find the group ID, look at the URL, and find the parameter <code>doAsGroupId</code>. Its value is the group ID you've created the article for.</p>

<p>Secondly, you'll need to configure your portal to load this Web Content article.</p>

<ol>
<li>From the file system, navigate to your Liferay Portal installation.</li>
<li>From there find the <code>portal.properties</code> file. If you're using Tomcat, it will be located in <code>webapps\ROOT\WEB-INF\classes</code>.</li>
<li>Here add a file named <code>portlet-ext.properties</code>, if it does not already exist.</li>
<li><p>Add the following keys with the values you previously wrote down.</p>

<pre><code>terms.of.use.journal.article.group.id=
terms.of.use.journal.article.id=
</code></pre></li>
</ol>

<p>Restart your server and the portal should now display the Terms of Use form the Web Content article.</p>


blocks|key|799147|text|你可以在引导中使用模态对话框，通过它你可以得到你想要的东西。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|799148|$(window).load(function()
{
$('#newModal').modal('show');
});|code-block|syntax|javascript|799149|不要忘记将此样式表导入到html文件中。|799150|<link+rel="stylesheet"href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<script+src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js">++++</script>
<script+src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>|799151|您的html文件应该有以下代码|799152|<div+class="container">

<div+class="modal+fade"+id="myModal"+role="dialog">
<div+class="modal-dialog">

++
+<div+class="modal-content">
++++<div+class="modal-header">
++++++<!Your+Heading-->
++++</div>
++<div+class="modal-body">
++++++<p>Your+text+in+the+modal.</p>
++</div>
++<div+class="modal-footer">
++++++<button+type="button"+class="btn+btn-default"+data-dismiss="modal">I+Agree</button>
+++</div>|799153|entityMap^0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|R|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|S|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|T|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|U|8|@]|9|@]|A|$]]|$1|M|3|N|5|D|7|V|8|@]|9|@]|A|$E|F]]|$1|O|3|-4|5|6|7|W|8|@]|9|@]|A|$]]]|P|$]]

<p>You can make use of modal dialog in bootstrap through which u can achieve what you want.</p>

<pre><code>$(window).load(function()
{
$('#newModal').modal('show');
});
</code></pre>

<p>Don't forget to add this style sheets import in your html file.</p>

<pre><code>&lt;link rel="stylesheet"href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"&gt;
&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"&gt;    &lt;/script&gt;
&lt;script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"&gt;&lt;/script&gt;
</code></pre>

<p>Your html file should have the following code</p>

<pre><code>&lt;div class="container"&gt;
&lt;!-- Modal --&gt;
&lt;div class="modal fade" id="myModal" role="dialog"&gt;
&lt;div class="modal-dialog"&gt;

  &lt;!-- Modal content--&gt;
 &lt;div class="modal-content"&gt;
    &lt;div class="modal-header"&gt;
      &lt;!Your Heading--&gt;
    &lt;/div&gt;
  &lt;div class="modal-body"&gt;
      &lt;p&gt;Your text in the modal.&lt;/p&gt;
  &lt;/div&gt;
  &lt;div class="modal-footer"&gt;
      &lt;button type="button" class="btn btn-default" data-dismiss="modal"&gt;I Agree&lt;/button&gt;
   &lt;/div&gt;
</code></pre>


blocks|key|386536|text|简单地走|type|unstyled|depth|inlineStyleRanges|entityRanges|data|386537|How+to+generate+a+simple+popup+using+jQuery|offset|length|386538|或|386539|https://jqueryui.com/dialog/|386540|为了你的解决方案|386541|386542|样式表|386543|++++a.selected+{
++background-color:#1F75CC;
++color:white;
++z-index:100;
}

.messagepop+{
++background-color:#FFFFFF;
++border:1px+solid+#999999;
++cursor:default;
++display:none;
++margin-top:+15px;
++position:absolute;
++text-align:left;
++width:394px;
++z-index:50;
++padding:+25px+25px+20px;
}

label+{
++display:+block;
++margin-bottom:+3px;
++padding-left:+15px;
++text-indent:+-15px;
}

.messagepop+p,+.messagepop.div+{
++border-bottom:+1px+solid+#EFEFEF;
++margin:+8px+0;
++padding-bottom:+8px;
}|code-block|syntax|javascript|386544|JAVASCRIPT|386545|+++function+deselect(e)+{
++++++$('.pop').slideFadeToggle(function()+{
++++++++e.removeClass('selected');
++++++});++++
++++}

$(function()+{
++$('#contact').on('click',+function()+{
++++if($(this).hasClass('selected'))+{
++++++deselect($(this));+++++++++++++++
++++}+else+{
++++++$(this).addClass('selected');
++++++$('.pop').slideFadeToggle();
++++}
++++return+false;
++});

++$('.close').on('click',+function()+{
++++deselect($('#contact'));
++++return+false;
++});
});

$.fn.slideFadeToggle+=+function(easing,+callback)+{
++return+this.animate({+opacity:+'toggle',+height:+'toggle'+},+'fast',+easing,+callback);
};|386546|HTML|386547|<div+class="messagepop+pop">
++++<form+method="post"+id="new_message"+action="/messages">
++++++++<p><label+for="email">Your+email+or+name</label><input+type="text"+size="30"+name="email"+id="email"+/></p>
++++++++<p><label+for="body">Message</label><textarea+rows="6"+name="body"+id="body"+cols="35"></textarea></p>
++++++++<p><input+type="submit"+value="Send+Message"+name="commit"+id="message_submit"/>+or+<a+class="close"+href="/">Cancel</a></p>
++++</form>
</div>|386548|entityMap|0|LINK|mutability|MUTABLE|url|https://stackoverflow.com/questions/1328723/how-to-generate-a-simple-popup-using-jquery|1^0|0|0|17|0|0|0|0|S|1|0|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|1A|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|1B|8|@]|9|@$D|1C|E|1D|1|1E]]|A|$]]|$1|F|3|G|5|6|7|1F|8|@]|9|@]|A|$]]|$1|H|3|I|5|6|7|1G|8|@]|9|@$D|1H|E|1I|1|1J]]|A|$]]|$1|J|3|K|5|6|7|1K|8|@]|9|@]|A|$]]|$1|L|3|G|5|6|7|1L|8|@]|9|@]|A|$]]|$1|M|3|N|5|6|7|1M|8|@]|9|@]|A|$]]|$1|O|3|P|5|Q|7|1N|8|@]|9|@]|A|$R|S]]|$1|T|3|U|5|6|7|1O|8|@]|9|@]|A|$]]|$1|V|3|W|5|Q|7|1P|8|@]|9|@]|A|$R|S]]|$1|X|3|Y|5|6|7|1Q|8|@]|9|@]|A|$]]|$1|Z|3|10|5|Q|7|1R|8|@]|9|@]|A|$R|S]]|$1|11|3|-4|5|6|7|1S|8|@]|9|@]|A|$]]]|12|$13|$5|14|15|16|A|$17|18]]|19|$5|14|15|16|A|$17|I]]]]

<p>Simply go </p>

<p><a href="https://stackoverflow.com/questions/1328723/how-to-generate-a-simple-popup-using-jquery">How to generate a simple popup using jQuery</a></p>

<p>or </p>

<p><a href="https://jqueryui.com/dialog/" rel="nofollow noreferrer">https://jqueryui.com/dialog/</a></p>

<p>For your solution </p>

<p>Or </p>

<p>STYLESHEET</p>

<pre><code>    a.selected {
  background-color:#1F75CC;
  color:white;
  z-index:100;
}

.messagepop {
  background-color:#FFFFFF;
  border:1px solid #999999;
  cursor:default;
  display:none;
  margin-top: 15px;
  position:absolute;
  text-align:left;
  width:394px;
  z-index:50;
  padding: 25px 25px 20px;
}

label {
  display: block;
  margin-bottom: 3px;
  padding-left: 15px;
  text-indent: -15px;
}

.messagepop p, .messagepop.div {
  border-bottom: 1px solid #EFEFEF;
  margin: 8px 0;
  padding-bottom: 8px;
}
</code></pre>

<p>JAVASCRIPT</p>

<pre><code>   function deselect(e) {
      $('.pop').slideFadeToggle(function() {
        e.removeClass('selected');
      });    
    }

$(function() {
  $('#contact').on('click', function() {
    if($(this).hasClass('selected')) {
      deselect($(this));               
    } else {
      $(this).addClass('selected');
      $('.pop').slideFadeToggle();
    }
    return false;
  });

  $('.close').on('click', function() {
    deselect($('#contact'));
    return false;
  });
});

$.fn.slideFadeToggle = function(easing, callback) {
  return this.animate({ opacity: 'toggle', height: 'toggle' }, 'fast', easing, callback);
};
</code></pre>

<p>HTML</p>

<pre><code>&lt;div class="messagepop pop"&gt;
    &lt;form method="post" id="new_message" action="/messages"&gt;
        &lt;p&gt;&lt;label for="email"&gt;Your email or name&lt;/label&gt;&lt;input type="text" size="30" name="email" id="email" /&gt;&lt;/p&gt;
        &lt;p&gt;&lt;label for="body"&gt;Message&lt;/label&gt;&lt;textarea rows="6" name="body" id="body" cols="35"&gt;&lt;/textarea&gt;&lt;/p&gt;
        &lt;p&gt;&lt;input type="submit" value="Send Message" name="commit" id="message_submit"/&gt; or &lt;a class="close" href="/"&gt;Cancel&lt;/a&gt;&lt;/p&gt;
    &lt;/form&gt;
&lt;/div&gt;
</code></pre>


blocks|key|799236|text|将引导模式与javascript用于弹出|type|unstyled|depth|inlineStyleRanges|entityRanges|data|799237|JavaScript代码：(在脚本标记中编写此代码)|offset|length|style|BOLD|799238|$('#myModal').on('shown.bs.modal',+function+()+{++
++$('#myInput').focus()
})|code-block|syntax|javascript|799239|HTML代码：(确保Javascript代码和HTML代码应该在同一个选项卡中)|799240|
<button+type="button"+class="btn+btn-primary+btn-lg"+data-toggle="modal"+data-target="#myModal">
++Launch+demo+modal
</button>


<div+class="modal+fade"+id="myModal"+tabindex="-1"+role="dialog"+aria-labelledby="myModalLabel">
++<div+class="modal-dialog"+role="document">
++++<div+class="modal-content">
++++++<div+class="modal-header">
++++++++<button+type="button"+class="close"+data-dismiss="modal"+aria-label="Close"><span+aria-hidden="true">&times;</span></button>
++++++++<h4+class="modal-title"+id="myModalLabel">Modal+title</h4>
++++++</div>
++++++<div+class="modal-body">
++++++++...+**(Write+your+content+here)**
++++++</div>
++++++<div+class="modal-footer">
++++++++<button+type="button"+class="btn+btn-default"+data-dismiss="modal">Close</button>
++++++++<button+type="button"+class="btn+btn-primary">Save+changes</button>
++++++</div>
++++</div>
++</div>
</div>|799241|您可以使用链接代替按钮。|799242|确保将role="dialog"和aria-labelledby="..."，添加到.modal，并将role="document"引用到.modal-dialog本身，以引用模态标题。|799243|此外，您可以在aria-describedby+on+.modal上描述您的模态对话框。|799244|entityMap^0|0|0|D|0|0|0|7|A|C|N|6|0|0|0|3|D|H|L|16|6|1F|F|1X|D|0|7|G|R|6|0^^$0|@$1|2|3|4|5|6|7|Y|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|Z|8|@$D|10|E|11|F|G]]|9|@]|A|$]]|$1|H|3|I|5|J|7|12|8|@]|9|@]|A|$K|L]]|$1|M|3|N|5|6|7|13|8|@$D|14|E|15|F|G]|$D|16|E|17|F|G]|$D|18|E|19|F|G]]|9|@]|A|$]]|$1|O|3|P|5|J|7|1A|8|@]|9|@]|A|$K|L]]|$1|Q|3|R|5|6|7|1B|8|@]|9|@]|A|$]]|$1|S|3|T|5|6|7|1C|8|@$D|1D|E|1E|F|G]|$D|1F|E|1G|F|G]|$D|1H|E|1I|F|G]|$D|1J|E|1K|F|G]|$D|1L|E|1M|F|G]]|9|@]|A|$]]|$1|U|3|V|5|6|7|1N|8|@$D|1O|E|1P|F|G]|$D|1Q|E|1R|F|G]]|9|@]|A|$]]|$1|W|3|-4|5|6|7|1S|8|@]|9|@]|A|$]]]|X|$]]

<p>Use bootstrap modal with javascript for popup</p>

<p><strong>JavaScript Code:</strong> (write this code inside script tag)</p>

<pre><code>$('#myModal').on('shown.bs.modal', function () {  
  $('#myInput').focus()
})
</code></pre>

<p><strong>HTML Code:</strong> (make sure that <strong>Javascript Code</strong> and <strong>HTML Code</strong> should be in same tab)</p>

<pre><code>&lt;!-- Button trigger modal --&gt;
&lt;button type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal"&gt;
  Launch demo modal
&lt;/button&gt;

&lt;!-- Modal --&gt;
&lt;div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"&gt;
  &lt;div class="modal-dialog" role="document"&gt;
    &lt;div class="modal-content"&gt;
      &lt;div class="modal-header"&gt;
        &lt;button type="button" class="close" data-dismiss="modal" aria-label="Close"&gt;&lt;span aria-hidden="true"&gt;&amp;times;&lt;/span&gt;&lt;/button&gt;
        &lt;h4 class="modal-title" id="myModalLabel"&gt;Modal title&lt;/h4&gt;
      &lt;/div&gt;
      &lt;div class="modal-body"&gt;
        ... **(Write your content here)**
      &lt;/div&gt;
      &lt;div class="modal-footer"&gt;
        &lt;button type="button" class="btn btn-default" data-dismiss="modal"&gt;Close&lt;/button&gt;
        &lt;button type="button" class="btn btn-primary"&gt;Save changes&lt;/button&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>you can use links in place of button. </p>

<p>Be sure to add <strong><em>role="dialog"</em></strong> and <strong><em>aria-labelledby="..."</em></strong>, referencing the modal title, to <strong><em>.modal</em></strong>, and <strong><em>role="document"</em></strong> to the <strong><em>.modal-dialog</em></strong> itself.</p>

<p>Additionally, you may give a description of your modal dialog with <strong><em>aria-describedby</em></strong> on <strong><em>.modal</em></strong>.</p>


blocks|key|386671|text|答案在这里，我们需要挂起post登录操作。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|386672|boards/message/76286279|blockquote|offset|length|386673|entityMap|0|LINK|mutability|MUTABLE|url|https://web.liferay.com/community/forums/-/message_boards/message/76286279^0|0|0|N|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|P|8|@]|9|@$E|Q|F|R|1|S]]|A|$]]|$1|G|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|H|$I|$5|J|K|L|A|$M|N]]]]

<p>Answer is here, we need to hook post login action for that</p>

<blockquote>
  <p><a href="https://web.liferay.com/community/forums/-/message_boards/message/76286279" rel="nofollow">https://web.liferay.com/community/forums/-/message_boards/message/76286279</a></p>
</blockquote>


<p>I want to customize the <code>term of use</code> in popup, when a user login for first time that page should appear in popup.</p>


How to use "Term of Use" in Popup

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

我希望自定义弹出窗口中的term of use，当用户首次登录该页面时，该页面应该出现在弹出窗口中。

问如何在弹出窗口中使用“使用术语”
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在弹出窗口中使用“使用术语”EN