ポータル画面の指定の場所にdiv要素を作成したい

kintone 開発相談
1

お世話になっております。

 

掲題の件、kintoneポータル画面の右側には「スペース一覧」や「アプリ一覧」がありますが、その下にdiv要素を作成したいと考えております。

 

以下のコードでポータル画面の一番上に表示できることは確認しております。

===================================================

//contents-body-ocean ⇒ body要素のid

var objBody = document.getElementById(“contents-body-ocean”);

objBody.insertBefore(element, objBody.firstChild);

===================================================

 

上記を踏まえて、classを指定してもポータル画面の一番上に表示されてしまいます。

===================================================

//contents-body-ocean ⇒ body要素のid名

//ocean-portal-body-right ⇒ ポータル右側要素のclass名

var parent = document.getElementById(‘contents-body-ocean’);
var reference = document.querySelector(‘.ocean-portal-body-right’);
parent.appendChild(element, reference);

===================================================

 

コードに誤りがありましたらご指摘いただけますと幸いです。

以上、よろしくお願いいたします。

2

y-kishi様

お世話になっております。 cstapの江田です。

ポータルの「.ocean-portal-body」内のfloatの解除し忘れが原因ですね。 CSSに以下の記述をして下さい。

.ocean-portal-body:after{content:'';display:block;clear:both;}

また、「appendChild」は親要素の末尾に要素を追加するので、引数は1つだけです。

//contents-body-ocean ⇒ body要素のid名varparent=document.getElementById('contents-body-ocean');parent.appendChild(element);
3

江田篤史 様

 

お世話になっております。

ご返信が遅くなり申し訳ございませんでした。

 

また、ご回答いただきありがとうございます。

ご教示いただいたcssコードを適用しましたが、ポータルの右側要素(ocean-portal-body-right)の一番下にはdiv要素は作成されず、ポータル画面の上部分に作成されました。

(ヘッダー部分と「お知らせ」欄の間です。)

 

その他の方法がないか模索いたします。

floatの解除など大変参考になりました。ありがとうございます。