I have an app with two widgets that auto launch when the app is opened. The problem is that these two widgets cover the zoom, home, locate icons and the widget icons on the top right at start up. I've tried editing the Panel.js to moving them based on this thread but mine seems different so i am not sure what lines to edit and with what? I tried adding line position.left += 50; to line 29 but the panels are still over the icons. I am working with the Launchpad Theme. Thanks. Here is what mine looks like. _setPositionStyle : function ( pos ) { var style ; if ( this . position . zIndex ) { pos . zIndex = this . position . zIndex ; } this . position . left = pos . left ; this . position . top = pos . top ; this . position . width = pos . width ; this . position . height = pos . height ; style = utils . getPositionStyle ( pos ) ; lang . mixin ( style , pos . borderRadiusStyle ) ; domStyle . set ( this . domNode , style ) ; } , onWindowResize : function ( ) { var position = { } , box ; if ( this . windowState == = 'minimized' ) { return ; //do nothing if panel is minimized. } if ( window . appInfo . isRunInMobile ) { box = this . _getLayoutBox ( ) ; if ( this . windowState == = 'maximized' ) { position . top = 0 ; position . left += 50 ; position . height = box . h ; } else { position . top = box . h / 2 ; position . height = box . h / 2 ; }

For 2.3 the instructions are the same. Here is the code block in that version (line 18): /** * @override * @param {Object} position contains these fields: left, top, width, height, * margin and index * @param {[type]} containerNode [description] */ setPosition : function ( position ) { var style , box , row , col , size ; box = this . _getLayoutBox ( ) ; size = Math . floor ( box . w / ( position . width + position . margin ) ) ; row = Math . floor ( position . index / size ) ; col = position . index % size ; position . left = ( row + 1 ) * position . margin + col * ( position . width + position . margin ) ; position . top - = position . margin * row ; position . left + = 50 ; this . position = lang . clone ( position ) ; if ( window . appInfo . isRunInMobile ) { position . left = 0 ; position . top = box . h / 2 ; position . width = box . w ; position . height = box . h / 2 ; } style = utils . getPositionStyle ( position ) ; style . position = 'absolute' ; domConstruct . place ( this . domNode , jimuConfig . mapId ) ; domStyle . set ( this . domNode , style ) ; this . _onResponsible ( ) ; } ,

nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

widget auto launch location

CCWeedcontrol

I have an app with two widgets that auto launch when the app is opened. The problem is that these two widgets cover the zoom, home, locate icons and the widget icons on the top right at start up. I've tried editing the Panel.js to moving them based on this thread but mine seems different so i am not sure what lines to edit and with what? I tried adding line position.left += 50; to line 29 but the panels are still over the icons.

I am working with the Launchpad Theme.

Thanks.

Here is what mine looks like.

_setPositionStyle<SPAN class="operator token">:</SPAN> <SPAN class="token function">function</SPAN><SPAN class="punctuation token">(</SPAN>pos<SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">{</SPAN>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; var style<SPAN class="punctuation token">;</SPAN>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <SPAN class="keyword token">if</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="keyword token">this</SPAN><SPAN class="punctuation token">.</SPAN>position<SPAN class="punctuation token">.</SPAN>zIndex<SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">{</SPAN>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; pos<SPAN class="punctuation token">.</SPAN>zIndex <SPAN class="operator token">=</SPAN> <SPAN class="keyword token">this</SPAN><SPAN class="punctuation token">.</SPAN>position<SPAN class="punctuation token">.</SPAN>zIndex<SPAN class="punctuation token">;</SPAN>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <SPAN class="punctuation token">}</SPAN>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <SPAN class="keyword token">this</SPAN><SPAN class="punctuation token">.</SPAN>position<SPAN class="punctuation token">.</SPAN>left <SPAN class="operator token">=</SPAN> pos<SPAN class="punctuation token">.</SPAN>left<SPAN class="punctuation token">;</SPAN>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <SPAN class="keyword token">this</SPAN><SPAN class="punctuation token">.</SPAN>position<SPAN class="punctuation token">.</SPAN>top <SPAN class="operator token">=</SPAN> pos<SPAN class="punctuation token">.</SPAN>top<SPAN class="punctuation token">;</SPAN>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <SPAN class="keyword token">this</SPAN><SPAN class="punctuation token">.</SPAN>position<SPAN class="punctuation token">.</SPAN>width <SPAN class="operator token">=</SPAN> pos<SPAN class="punctuation token">.</SPAN>width<SPAN class="punctuation token">;</SPAN>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <SPAN class="keyword token">this</SPAN><SPAN class="punctuation token">.</SPAN>position<SPAN class="punctuation token">.</SPAN>height <SPAN class="operator token">=</SPAN> pos<SPAN class="punctuation token">.</SPAN>height<SPAN class="punctuation token">;</SPAN>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; style <SPAN class="operator token">=</SPAN> utils<SPAN class="punctuation token">.</SPAN><SPAN class="token function">getPositionStyle</SPAN><SPAN class="punctuation token">(</SPAN>pos<SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; lang<SPAN class="punctuation token">.</SPAN><SPAN class="token function">mixin</SPAN><SPAN class="punctuation token">(</SPAN>style<SPAN class="punctuation token">,</SPAN> pos<SPAN class="punctuation token">.</SPAN>borderRadiusStyle<SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; domStyle<SPAN class="punctuation token">.</SPAN><SPAN class="token function">set</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="keyword token">this</SPAN><SPAN class="punctuation token">.</SPAN>domNode<SPAN class="punctuation token">,</SPAN> style<SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>
&nbsp;&nbsp;&nbsp; <SPAN class="punctuation token">}</SPAN><SPAN class="punctuation token">,</SPAN>

&nbsp;&nbsp;&nbsp; onWindowResize<SPAN class="operator token">:</SPAN> <SPAN class="token function">function</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">{</SPAN>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; var position <SPAN class="operator token">=</SPAN> <SPAN class="punctuation token">{</SPAN><SPAN class="punctuation token">}</SPAN><SPAN class="punctuation token">,</SPAN> box<SPAN class="punctuation token">;</SPAN>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <SPAN class="keyword token">if</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="keyword token">this</SPAN><SPAN class="punctuation token">.</SPAN>windowState <SPAN class="operator token">==</SPAN><SPAN class="operator token">=</SPAN> <SPAN class="string token">'minimized'</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">{</SPAN>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <SPAN class="keyword token">return</SPAN><SPAN class="punctuation token">;</SPAN> <SPAN class="comment token">//do nothing if panel is minimized.</SPAN>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <SPAN class="punctuation token">}</SPAN>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <SPAN class="keyword token">if</SPAN><SPAN class="punctuation token">(</SPAN>window<SPAN class="punctuation token">.</SPAN>appInfo<SPAN class="punctuation token">.</SPAN>isRunInMobile<SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">{</SPAN>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; box <SPAN class="operator token">=</SPAN> <SPAN class="keyword token">this</SPAN><SPAN class="punctuation token">.</SPAN><SPAN class="token function">_getLayoutBox</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <SPAN class="keyword token">if</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="keyword token">this</SPAN><SPAN class="punctuation token">.</SPAN>windowState <SPAN class="operator token">==</SPAN><SPAN class="operator token">=</SPAN> <SPAN class="string token">'maximized'</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">{</SPAN>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; position<SPAN class="punctuation token">.</SPAN>top <SPAN class="operator token">=</SPAN> <SPAN class="number token">0</SPAN><SPAN class="punctuation token">;</SPAN>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; position<SPAN class="punctuation token">.</SPAN>left <SPAN class="operator token">+=</SPAN> <SPAN class="number token">50</SPAN><SPAN class="punctuation token">;</SPAN> 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; position<SPAN class="punctuation token">.</SPAN>height <SPAN class="operator token">=</SPAN> box<SPAN class="punctuation token">.</SPAN>h<SPAN class="punctuation token">;</SPAN>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <SPAN class="punctuation token">}</SPAN><SPAN class="keyword token">else</SPAN><SPAN class="punctuation token">{</SPAN>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; position<SPAN class="punctuation token">.</SPAN>top <SPAN class="operator token">=</SPAN> box<SPAN class="punctuation token">.</SPAN>h <SPAN class="operator token">/</SPAN> <SPAN class="number token">2</SPAN><SPAN class="punctuation token">;</SPAN>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; position<SPAN class="punctuation token">.</SPAN>height <SPAN class="operator token">=</SPAN> box<SPAN class="punctuation token">.</SPAN>h <SPAN class="operator token">/</SPAN> <SPAN class="number token">2</SPAN><SPAN class="punctuation token">;</SPAN>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <SPAN class="punctuation token">}</SPAN><SPAN class="line-numbers-rows"><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN></SPAN>

Najděte více příspěvků označených jako

Accepted answers

RobertScheitlin__GISP

For 2.3 the instructions are the same. Here is the code block in that version (line 18):

&nbsp;&nbsp;&nbsp; <SPAN class="comment token">/**
&nbsp;&nbsp;&nbsp;&nbsp; * @override
&nbsp;&nbsp;&nbsp;&nbsp; * @param {Object} position&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; contains these fields: left, top, width, height,
&nbsp;&nbsp;&nbsp;&nbsp; * margin and index
&nbsp;&nbsp;&nbsp;&nbsp; * @param {[type]} containerNode [description]
&nbsp;&nbsp;&nbsp;&nbsp; */</SPAN>
&nbsp;&nbsp;&nbsp; setPosition<SPAN class="punctuation token">:</SPAN> <SPAN class="keyword token">function</SPAN><SPAN class="punctuation token">(</SPAN>position<SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">{</SPAN>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <SPAN class="keyword token">var</SPAN> style<SPAN class="punctuation token">,</SPAN> box<SPAN class="punctuation token">,</SPAN> row<SPAN class="punctuation token">,</SPAN> col<SPAN class="punctuation token">,</SPAN> size<SPAN class="punctuation token">;</SPAN>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; box <SPAN class="operator token">=</SPAN> <SPAN class="keyword token">this</SPAN><SPAN class="punctuation token">.</SPAN><SPAN class="token function">_getLayoutBox</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; size <SPAN class="operator token">=</SPAN> Math<SPAN class="punctuation token">.</SPAN><SPAN class="token function">floor</SPAN><SPAN class="punctuation token">(</SPAN>box<SPAN class="punctuation token">.</SPAN>w <SPAN class="operator token">/</SPAN> <SPAN class="punctuation token">(</SPAN>position<SPAN class="punctuation token">.</SPAN>width <SPAN class="operator token">+</SPAN> position<SPAN class="punctuation token">.</SPAN>margin<SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; row <SPAN class="operator token">=</SPAN> Math<SPAN class="punctuation token">.</SPAN><SPAN class="token function">floor</SPAN><SPAN class="punctuation token">(</SPAN>position<SPAN class="punctuation token">.</SPAN>index <SPAN class="operator token">/</SPAN> size<SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; col <SPAN class="operator token">=</SPAN> position<SPAN class="punctuation token">.</SPAN>index <SPAN class="operator token">%</SPAN> size<SPAN class="punctuation token">;</SPAN>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; position<SPAN class="punctuation token">.</SPAN>left <SPAN class="operator token">=</SPAN> <SPAN class="punctuation token">(</SPAN>row <SPAN class="operator token">+</SPAN> <SPAN class="number token">1</SPAN><SPAN class="punctuation token">)</SPAN> <SPAN class="operator token">*</SPAN> position<SPAN class="punctuation token">.</SPAN>margin <SPAN class="operator token">+</SPAN> col <SPAN class="operator token">*</SPAN> <SPAN class="punctuation token">(</SPAN>position<SPAN class="punctuation token">.</SPAN>width <SPAN class="operator token">+</SPAN> position<SPAN class="punctuation token">.</SPAN>margin<SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; position<SPAN class="punctuation token">.</SPAN>top <SPAN class="operator token">-</SPAN><SPAN class="operator token">=</SPAN> position<SPAN class="punctuation token">.</SPAN>margin <SPAN class="operator token">*</SPAN> row<SPAN class="punctuation token">;</SPAN>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; position<SPAN class="punctuation token">.</SPAN>left <SPAN class="operator token">+</SPAN><SPAN class="operator token">=</SPAN> <SPAN class="number token">50</SPAN><SPAN class="punctuation token">;</SPAN>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <SPAN class="keyword token">this</SPAN><SPAN class="punctuation token">.</SPAN>position <SPAN class="operator token">=</SPAN> lang<SPAN class="punctuation token">.</SPAN><SPAN class="token function">clone</SPAN><SPAN class="punctuation token">(</SPAN>position<SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <SPAN class="keyword token">if</SPAN><SPAN class="punctuation token">(</SPAN>window<SPAN class="punctuation token">.</SPAN>appInfo<SPAN class="punctuation token">.</SPAN>isRunInMobile<SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">{</SPAN>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; position<SPAN class="punctuation token">.</SPAN>left <SPAN class="operator token">=</SPAN> <SPAN class="number token">0</SPAN><SPAN class="punctuation token">;</SPAN>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; position<SPAN class="punctuation token">.</SPAN>top <SPAN class="operator token">=</SPAN> box<SPAN class="punctuation token">.</SPAN>h <SPAN class="operator token">/</SPAN> <SPAN class="number token">2</SPAN><SPAN class="punctuation token">;</SPAN>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; position<SPAN class="punctuation token">.</SPAN>width <SPAN class="operator token">=</SPAN> box<SPAN class="punctuation token">.</SPAN>w<SPAN class="punctuation token">;</SPAN>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; position<SPAN class="punctuation token">.</SPAN>height <SPAN class="operator token">=</SPAN> box<SPAN class="punctuation token">.</SPAN>h <SPAN class="operator token">/</SPAN> <SPAN class="number token">2</SPAN><SPAN class="punctuation token">;</SPAN>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <SPAN class="punctuation token">}</SPAN>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; style <SPAN class="operator token">=</SPAN> utils<SPAN class="punctuation token">.</SPAN><SPAN class="token function">getPositionStyle</SPAN><SPAN class="punctuation token">(</SPAN>position<SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; style<SPAN class="punctuation token">.</SPAN>position <SPAN class="operator token">=</SPAN> <SPAN class="string token">'absolute'</SPAN><SPAN class="punctuation token">;</SPAN>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; domConstruct<SPAN class="punctuation token">.</SPAN><SPAN class="token function">place</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="keyword token">this</SPAN><SPAN class="punctuation token">.</SPAN>domNode<SPAN class="punctuation token">,</SPAN> jimuConfig<SPAN class="punctuation token">.</SPAN>mapId<SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; domStyle<SPAN class="punctuation token">.</SPAN><SPAN class="keyword token">set</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="keyword token">this</SPAN><SPAN class="punctuation token">.</SPAN>domNode<SPAN class="punctuation token">,</SPAN> style<SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <SPAN class="keyword token">this</SPAN><SPAN class="punctuation token">.</SPAN><SPAN class="token function">_onResponsible</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>
&nbsp;&nbsp;&nbsp; <SPAN class="punctuation token">}</SPAN><SPAN class="punctuation token">,</SPAN><SPAN class="line-numbers-rows"><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN></SPAN>

All comments

CCWeedcontrol

Robert that seem to work for just the Legend widget, but the Esearch popup is blocking the the widgets on the right. I can't seem to find the location of code to add position.left+=50: for Permit Search widget.

PermitS.png

RobertScheitlin__GISP

For 2.3 the instructions are the same. Here is the code block in that version (line 18):

&nbsp;&nbsp;&nbsp; <SPAN class="comment token">/**
&nbsp;&nbsp;&nbsp;&nbsp; * @override
&nbsp;&nbsp;&nbsp;&nbsp; * @param {Object} position&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; contains these fields: left, top, width, height,
&nbsp;&nbsp;&nbsp;&nbsp; * margin and index
&nbsp;&nbsp;&nbsp;&nbsp; * @param {[type]} containerNode [description]
&nbsp;&nbsp;&nbsp;&nbsp; */</SPAN>
&nbsp;&nbsp;&nbsp; setPosition<SPAN class="punctuation token">:</SPAN> <SPAN class="keyword token">function</SPAN><SPAN class="punctuation token">(</SPAN>position<SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">{</SPAN>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <SPAN class="keyword token">var</SPAN> style<SPAN class="punctuation token">,</SPAN> box<SPAN class="punctuation token">,</SPAN> row<SPAN class="punctuation token">,</SPAN> col<SPAN class="punctuation token">,</SPAN> size<SPAN class="punctuation token">;</SPAN>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; box <SPAN class="operator token">=</SPAN> <SPAN class="keyword token">this</SPAN><SPAN class="punctuation token">.</SPAN><SPAN class="token function">_getLayoutBox</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; size <SPAN class="operator token">=</SPAN> Math<SPAN class="punctuation token">.</SPAN><SPAN class="token function">floor</SPAN><SPAN class="punctuation token">(</SPAN>box<SPAN class="punctuation token">.</SPAN>w <SPAN class="operator token">/</SPAN> <SPAN class="punctuation token">(</SPAN>position<SPAN class="punctuation token">.</SPAN>width <SPAN class="operator token">+</SPAN> position<SPAN class="punctuation token">.</SPAN>margin<SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; row <SPAN class="operator token">=</SPAN> Math<SPAN class="punctuation token">.</SPAN><SPAN class="token function">floor</SPAN><SPAN class="punctuation token">(</SPAN>position<SPAN class="punctuation token">.</SPAN>index <SPAN class="operator token">/</SPAN> size<SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; col <SPAN class="operator token">=</SPAN> position<SPAN class="punctuation token">.</SPAN>index <SPAN class="operator token">%</SPAN> size<SPAN class="punctuation token">;</SPAN>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; position<SPAN class="punctuation token">.</SPAN>left <SPAN class="operator token">=</SPAN> <SPAN class="punctuation token">(</SPAN>row <SPAN class="operator token">+</SPAN> <SPAN class="number token">1</SPAN><SPAN class="punctuation token">)</SPAN> <SPAN class="operator token">*</SPAN> position<SPAN class="punctuation token">.</SPAN>margin <SPAN class="operator token">+</SPAN> col <SPAN class="operator token">*</SPAN> <SPAN class="punctuation token">(</SPAN>position<SPAN class="punctuation token">.</SPAN>width <SPAN class="operator token">+</SPAN> position<SPAN class="punctuation token">.</SPAN>margin<SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; position<SPAN class="punctuation token">.</SPAN>top <SPAN class="operator token">-</SPAN><SPAN class="operator token">=</SPAN> position<SPAN class="punctuation token">.</SPAN>margin <SPAN class="operator token">*</SPAN> row<SPAN class="punctuation token">;</SPAN>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; position<SPAN class="punctuation token">.</SPAN>left <SPAN class="operator token">+</SPAN><SPAN class="operator token">=</SPAN> <SPAN class="number token">50</SPAN><SPAN class="punctuation token">;</SPAN>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <SPAN class="keyword token">this</SPAN><SPAN class="punctuation token">.</SPAN>position <SPAN class="operator token">=</SPAN> lang<SPAN class="punctuation token">.</SPAN><SPAN class="token function">clone</SPAN><SPAN class="punctuation token">(</SPAN>position<SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <SPAN class="keyword token">if</SPAN><SPAN class="punctuation token">(</SPAN>window<SPAN class="punctuation token">.</SPAN>appInfo<SPAN class="punctuation token">.</SPAN>isRunInMobile<SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">{</SPAN>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; position<SPAN class="punctuation token">.</SPAN>left <SPAN class="operator token">=</SPAN> <SPAN class="number token">0</SPAN><SPAN class="punctuation token">;</SPAN>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; position<SPAN class="punctuation token">.</SPAN>top <SPAN class="operator token">=</SPAN> box<SPAN class="punctuation token">.</SPAN>h <SPAN class="operator token">/</SPAN> <SPAN class="number token">2</SPAN><SPAN class="punctuation token">;</SPAN>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; position<SPAN class="punctuation token">.</SPAN>width <SPAN class="operator token">=</SPAN> box<SPAN class="punctuation token">.</SPAN>w<SPAN class="punctuation token">;</SPAN>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; position<SPAN class="punctuation token">.</SPAN>height <SPAN class="operator token">=</SPAN> box<SPAN class="punctuation token">.</SPAN>h <SPAN class="operator token">/</SPAN> <SPAN class="number token">2</SPAN><SPAN class="punctuation token">;</SPAN>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <SPAN class="punctuation token">}</SPAN>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; style <SPAN class="operator token">=</SPAN> utils<SPAN class="punctuation token">.</SPAN><SPAN class="token function">getPositionStyle</SPAN><SPAN class="punctuation token">(</SPAN>position<SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; style<SPAN class="punctuation token">.</SPAN>position <SPAN class="operator token">=</SPAN> <SPAN class="string token">'absolute'</SPAN><SPAN class="punctuation token">;</SPAN>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; domConstruct<SPAN class="punctuation token">.</SPAN><SPAN class="token function">place</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="keyword token">this</SPAN><SPAN class="punctuation token">.</SPAN>domNode<SPAN class="punctuation token">,</SPAN> jimuConfig<SPAN class="punctuation token">.</SPAN>mapId<SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; domStyle<SPAN class="punctuation token">.</SPAN><SPAN class="keyword token">set</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="keyword token">this</SPAN><SPAN class="punctuation token">.</SPAN>domNode<SPAN class="punctuation token">,</SPAN> style<SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <SPAN class="keyword token">this</SPAN><SPAN class="punctuation token">.</SPAN><SPAN class="token function">_onResponsible</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>
&nbsp;&nbsp;&nbsp; <SPAN class="punctuation token">}</SPAN><SPAN class="punctuation token">,</SPAN><SPAN class="line-numbers-rows"><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN></SPAN>

CCWeedcontrol

oops my bad WAB 2.3

RobertScheitlin__GISP

what version of WAB?

Připojte se k diskusi

Přihlášení členové mohou přispívat, sledovat aktualizace a další. Jste tu noví? Zaregistrujte si bezplatný účet.

Rychlé odkazy

Community Help
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.