# Moving around widgets

**URL:** <https://forum.kintone.dev/t/moving-around-widgets/30>\
**Category:** General\
**Created:** [February 14, 2017, 12:13am UTC](https://forum.kintone.dev/t/moving-around-widgets/30 "2017-02-14T00:13:45Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![legacy\_user](https://yyz1.discourse-cdn.com/flex035/user_avatar/forum.kintone.dev/legacy_user/32/25_2.png) [@legacy\_user](https://forum.kintone.dev/u/legacy_user)\
**Post date:** [February 14, 2017, 12:13am UTC](https://forum.kintone.dev/t/moving-around-widgets/30/1 "2017-02-14T00:13:45Z")

</div>

I don’t need the Announcements and want Apps up higher. How can I move these around?

---

<div class="post-metadata">

**Author:** ![legacy\_user](https://yyz1.discourse-cdn.com/flex035/user_avatar/forum.kintone.dev/legacy_user/32/25_2.png) [@legacy\_user](https://forum.kintone.dev/u/legacy_user)\
**Post date:** [February 16, 2017, 4:58pm UTC](https://forum.kintone.dev/t/moving-around-widgets/30/2 "2017-02-16T16:58:28Z")

</div>

Hello Travis!

You can choose whether to display the item or not, but you cannot change its position by the basic function.  
So you can make the announcement and the spaces disappear to make the apps to display on the top, but you will not be able to use the Spaces.

It is not recommended, but I think it is possible to modify the width and arrange them all on the same line by editing the CSS corresponded to the portal items.

---

<div class="post-metadata">

**Author:** ![legacy\_user](https://yyz1.discourse-cdn.com/flex035/user_avatar/forum.kintone.dev/legacy_user/32/25_2.png) [@legacy\_user](https://forum.kintone.dev/u/legacy_user)\
**Post date:** [February 17, 2017, 2:59am UTC](https://forum.kintone.dev/t/moving-around-widgets/30/3 "2017-02-17T02:59:35Z")

</div>

Hi Travis, you can find the kintone Portal Settings here to turn announcements off  
[https://help.kintone.com/en/k/getstarted/portal\_menu.html](https://help.kintone.com/en/k/getstarted/portal_menu.html)

There’s also a feature activation menu which you can access from the cog wheel at the top of kintone -\> kintone Administration -\> Feature Activation.  
You can turn off spaces, if you need to, in this menu

help page -\> [https://help.kintone.com/en/k/admin/feature\_activ.html](https://help.kintone.com/en/k/admin/feature_activ.html)

Depending on what you turn off, this will change the structure of the page, so check what you want turned on and off, and then you can work on changing the CSS after that.

---

<div class="post-metadata">

**Author:** ![legacy\_user](https://yyz1.discourse-cdn.com/flex035/user_avatar/forum.kintone.dev/legacy_user/32/25_2.png) [@legacy\_user](https://forum.kintone.dev/u/legacy_user)\
**Post date:** [June 4, 2018, 11:27am UTC](https://forum.kintone.dev/t/moving-around-widgets/30/4 "2018-06-04T11:27:12Z")

</div>

@Travis,

Did you able to solve the issue. I m facing the same problem I want to switch the location of Announcement and Apps.

Currently: Announcement is on the left-hand side and the Apps on the right-hand side.

Requirement: I need to move the Apps to Right-hand side and Announcement to the left-hand side.

&nbsp;

I have tried below code. But it is not working

(function() {  
“use strict”;

var div1 = $(’.ocean-portal-announcement’);  
var div2 = $(’.ocean-portal-app’);

var tdiv1 = div1.clone();  
var tdiv2 = div2.clone();

div1.replaceWith(tdiv2);  
div2.replaceWith(tdiv1);

})();

---

<div class="post-metadata">

**Author:** ![legacy\_user](https://yyz1.discourse-cdn.com/flex035/user_avatar/forum.kintone.dev/legacy_user/32/25_2.png) [@legacy\_user](https://forum.kintone.dev/u/legacy_user)\
**Post date:** [June 5, 2018, 8:22pm UTC](https://forum.kintone.dev/t/moving-around-widgets/30/5 "2018-06-05T20:22:25Z")

</div>

Hello Bharath

I found an example of someone switching the announcement and the notice using the following script:

```
function potalChange() {
if (location.hash === '#/portal') {
console.log('load', location);
setTimeout(function() {
var ele1 = document.getElementsByClassName('ocean-portal-widget');
if (ele1.length > 0) {
ele1[0].parentNode.appendChild(ele1[0]);
}
}, 500)
}
}
window.onload = potalChange;
window.onhashchange = potalChange;

```

I hope this helps.

---

<div class="post-metadata">

**Author:** ![legacy\_user](https://yyz1.discourse-cdn.com/flex035/user_avatar/forum.kintone.dev/legacy_user/32/25_2.png) [@legacy\_user](https://forum.kintone.dev/u/legacy_user)\
**Post date:** [June 11, 2018, 11:23am UTC](https://forum.kintone.dev/t/moving-around-widgets/30/6 "2018-06-11T11:23:27Z")

</div>

@Yuzo Arai, Thank you it worked 😃