<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:dc="http://purl.org/dc/elements/1.1/">
	<channel>
		<title><![CDATA[NodeActa Forum - NodeActa Application Center]]></title>
		<link>https://nodeacta.com/forum/</link>
		<description><![CDATA[NodeActa Forum - https://nodeacta.com/forum]]></description>
		<pubDate>Thu, 16 Apr 2026 04:57:32 +0000</pubDate>
		<generator>MyBB</generator>
		<item>
			<title><![CDATA[Customize Dashboard]]></title>
			<link>https://nodeacta.com/forum/showthread.php?tid=5</link>
			<pubDate>Tue, 25 Nov 2025 23:06:47 +0000</pubDate>
			<dc:creator><![CDATA[<a href="https://nodeacta.com/forum/member.php?action=profile&uid=6">bob.alexander</a>]]></dc:creator>
			<guid isPermaLink="false">https://nodeacta.com/forum/showthread.php?tid=5</guid>
			<description><![CDATA[Dashboard (your welcome app) is of course just another app in NodeActa system and therefore you have the full control over it.<br />
You can find it at <span style="font-weight: bold;" class="mycode_b">System Apps-&gt;Dashboard</span>.<br />
To customize Dashboard app, open it first in MS Code (see <a href="http://nodeacta.com/development/apps/#launch-editor" target="_blank" rel="noopener" class="mycode_url">here</a> how).<br />
<br />
Let's imagine you want to add the latest company news to the Dashboard.<br />
First you will create a document class NEWS in the system where you will persist your 'news' (see <a href="http://www.nodeacta.com/howto/dataclass/" target="_blank" rel="noopener" class="mycode_url">here</a> how add a document class). <br />
Of course, you will have to create a new app for filling NEWS class (see <a href="http://nodeacta.com/howto/app-query/" target="_blank" rel="noopener" class="mycode_url">here</a> how to create app to query document class).<br />
<br />
Now, to display 'the news' on the Dashboard, you can for example add a RecordsView and populate it with the latest news.<br />
First, using MS Code, in the index.mjs file of the Dashboard app find the line: <br />
      <span style="color: #cccccc;" class="mycode_color"><span style="font-family: Consolas, 'Courier New', monospace;" class="mycode_font"><span style="color: #569cd6;" class="mycode_color">this</span>.<span style="color: #9cdcfe;" class="mycode_color">showDashboardCheck</span> <span style="color: #d4d4d4;" class="mycode_color">=</span> <span style="color: #569cd6;" class="mycode_color">new</span> <span style="color: #4ec9b0;" class="mycode_color">AttributesView</span>(<span style="color: #569cd6;" class="mycode_color">this</span>);</span></span><br />
<br />
Just above that line add the following (asuming you used 'CompanyNews' as JavaScript name for NEWS document class):<br />
<span style="color: #cccccc;" class="mycode_color"><span style="font-family: Consolas, 'Courier New', monospace;" class="mycode_font">    <span style="color: #569cd6;" class="mycode_color">this</span>.<span style="color: #9cdcfe;" class="mycode_color">newsView</span> <span style="color: #d4d4d4;" class="mycode_color">=</span> <span style="color: #569cd6;" class="mycode_color">new</span> <span style="color: #4ec9b0;" class="mycode_color">RecordsView</span>(<span style="color: #569cd6;" class="mycode_color">this</span>);<br />
<span style="color: #569cd6;" class="mycode_color">    this</span>.<span style="color: #9cdcfe;" class="mycode_color">newsView</span>.<span style="color: #4fc1ff;" class="mycode_color">options</span>.<span style="color: #9cdcfe;" class="mycode_color">header</span> <span style="color: #d4d4d4;" class="mycode_color">=</span> <span style="color: #569cd6;" class="mycode_color">false</span>;<br />
    <span style="color: #569cd6;" class="mycode_color">this</span>.<span style="color: #9cdcfe;" class="mycode_color">newsView</span>.<span style="color: #4fc1ff;" class="mycode_color">options</span>.<span style="color: #9cdcfe;" class="mycode_color">multiline</span> <span style="color: #d4d4d4;" class="mycode_color">=</span> <span style="color: #569cd6;" class="mycode_color">true</span>;<br />
    <span style="color: #569cd6;" class="mycode_color">this</span>.<span style="color: #9cdcfe;" class="mycode_color">newsView</span>.<span style="color: #9cdcfe;" class="mycode_color">align</span> <span style="color: #d4d4d4;" class="mycode_color">=</span> <span style="color: #4ec9b0;" class="mycode_color">Align</span>.<span style="color: #4fc1ff;" class="mycode_color">Client</span>;<br />
    <span style="color: #569cd6;" class="mycode_color">this</span>.<span style="color: #9cdcfe;" class="mycode_color">newsView</span>.<span style="color: #9cdcfe;" class="mycode_color">fields</span> <span style="color: #d4d4d4;" class="mycode_color">=</span> [<span style="color: #9cdcfe;" class="mycode_color">CompanyNews</span>.<span style="color: #9cdcfe;" class="mycode_color">content</span>];<br />
<span style="color: #569cd6;" class="mycode_color">    this</span>.<span style="color: #9cdcfe;" class="mycode_color">newsView</span>.<span style="color: #9cdcfe;" class="mycode_color">source</span> <span style="color: #d4d4d4;" class="mycode_color">=</span> <span style="color: #9cdcfe;" class="mycode_color">CompanyNews</span>.<span style="color: #dcdcaa;" class="mycode_color">orderBy</span>(<span style="color: #9cdcfe;" class="mycode_color">CompanyNews</span>.<span style="color: #9cdcfe;" class="mycode_color">createdOn</span>, SortOrder.Desc).<span style="color: #dcdcaa;" class="mycode_color">limit</span>(<span style="color: #b5cea8;" class="mycode_color">10</span>).<span style="color: #dcdcaa;" class="mycode_color">select</span>();<br />
        </span></span><br />
Of course, do not forget to upload the app to the server so other users can use your new Dashboard. <br />
You can do that using <span style="font-weight: bold;" class="mycode_b">Commands-&gt;Save All</span> command in the main menu of NodeActa Application Center or in MS Code using <span style="font-weight: bold;" class="mycode_b">Uppload Changes</span> button (see <a href="http://nodeacta.com/development/apps/#write-your-code" target="_blank" rel="noopener" class="mycode_url">here</a>).]]></description>
			<content:encoded><![CDATA[Dashboard (your welcome app) is of course just another app in NodeActa system and therefore you have the full control over it.<br />
You can find it at <span style="font-weight: bold;" class="mycode_b">System Apps-&gt;Dashboard</span>.<br />
To customize Dashboard app, open it first in MS Code (see <a href="http://nodeacta.com/development/apps/#launch-editor" target="_blank" rel="noopener" class="mycode_url">here</a> how).<br />
<br />
Let's imagine you want to add the latest company news to the Dashboard.<br />
First you will create a document class NEWS in the system where you will persist your 'news' (see <a href="http://www.nodeacta.com/howto/dataclass/" target="_blank" rel="noopener" class="mycode_url">here</a> how add a document class). <br />
Of course, you will have to create a new app for filling NEWS class (see <a href="http://nodeacta.com/howto/app-query/" target="_blank" rel="noopener" class="mycode_url">here</a> how to create app to query document class).<br />
<br />
Now, to display 'the news' on the Dashboard, you can for example add a RecordsView and populate it with the latest news.<br />
First, using MS Code, in the index.mjs file of the Dashboard app find the line: <br />
      <span style="color: #cccccc;" class="mycode_color"><span style="font-family: Consolas, 'Courier New', monospace;" class="mycode_font"><span style="color: #569cd6;" class="mycode_color">this</span>.<span style="color: #9cdcfe;" class="mycode_color">showDashboardCheck</span> <span style="color: #d4d4d4;" class="mycode_color">=</span> <span style="color: #569cd6;" class="mycode_color">new</span> <span style="color: #4ec9b0;" class="mycode_color">AttributesView</span>(<span style="color: #569cd6;" class="mycode_color">this</span>);</span></span><br />
<br />
Just above that line add the following (asuming you used 'CompanyNews' as JavaScript name for NEWS document class):<br />
<span style="color: #cccccc;" class="mycode_color"><span style="font-family: Consolas, 'Courier New', monospace;" class="mycode_font">    <span style="color: #569cd6;" class="mycode_color">this</span>.<span style="color: #9cdcfe;" class="mycode_color">newsView</span> <span style="color: #d4d4d4;" class="mycode_color">=</span> <span style="color: #569cd6;" class="mycode_color">new</span> <span style="color: #4ec9b0;" class="mycode_color">RecordsView</span>(<span style="color: #569cd6;" class="mycode_color">this</span>);<br />
<span style="color: #569cd6;" class="mycode_color">    this</span>.<span style="color: #9cdcfe;" class="mycode_color">newsView</span>.<span style="color: #4fc1ff;" class="mycode_color">options</span>.<span style="color: #9cdcfe;" class="mycode_color">header</span> <span style="color: #d4d4d4;" class="mycode_color">=</span> <span style="color: #569cd6;" class="mycode_color">false</span>;<br />
    <span style="color: #569cd6;" class="mycode_color">this</span>.<span style="color: #9cdcfe;" class="mycode_color">newsView</span>.<span style="color: #4fc1ff;" class="mycode_color">options</span>.<span style="color: #9cdcfe;" class="mycode_color">multiline</span> <span style="color: #d4d4d4;" class="mycode_color">=</span> <span style="color: #569cd6;" class="mycode_color">true</span>;<br />
    <span style="color: #569cd6;" class="mycode_color">this</span>.<span style="color: #9cdcfe;" class="mycode_color">newsView</span>.<span style="color: #9cdcfe;" class="mycode_color">align</span> <span style="color: #d4d4d4;" class="mycode_color">=</span> <span style="color: #4ec9b0;" class="mycode_color">Align</span>.<span style="color: #4fc1ff;" class="mycode_color">Client</span>;<br />
    <span style="color: #569cd6;" class="mycode_color">this</span>.<span style="color: #9cdcfe;" class="mycode_color">newsView</span>.<span style="color: #9cdcfe;" class="mycode_color">fields</span> <span style="color: #d4d4d4;" class="mycode_color">=</span> [<span style="color: #9cdcfe;" class="mycode_color">CompanyNews</span>.<span style="color: #9cdcfe;" class="mycode_color">content</span>];<br />
<span style="color: #569cd6;" class="mycode_color">    this</span>.<span style="color: #9cdcfe;" class="mycode_color">newsView</span>.<span style="color: #9cdcfe;" class="mycode_color">source</span> <span style="color: #d4d4d4;" class="mycode_color">=</span> <span style="color: #9cdcfe;" class="mycode_color">CompanyNews</span>.<span style="color: #dcdcaa;" class="mycode_color">orderBy</span>(<span style="color: #9cdcfe;" class="mycode_color">CompanyNews</span>.<span style="color: #9cdcfe;" class="mycode_color">createdOn</span>, SortOrder.Desc).<span style="color: #dcdcaa;" class="mycode_color">limit</span>(<span style="color: #b5cea8;" class="mycode_color">10</span>).<span style="color: #dcdcaa;" class="mycode_color">select</span>();<br />
        </span></span><br />
Of course, do not forget to upload the app to the server so other users can use your new Dashboard. <br />
You can do that using <span style="font-weight: bold;" class="mycode_b">Commands-&gt;Save All</span> command in the main menu of NodeActa Application Center or in MS Code using <span style="font-weight: bold;" class="mycode_b">Uppload Changes</span> button (see <a href="http://nodeacta.com/development/apps/#write-your-code" target="_blank" rel="noopener" class="mycode_url">here</a>).]]></content:encoded>
		</item>
	</channel>
</rss>