注目リンクのページング

注目リンクのタイル数が多くなると、ページングされて 境界のタイルが「途中まで表示」となります。Internet Explorerの画面サイズを小さくすると、やはり 「途中まで表示」となります。ページの縦幅を節約する場合は、これでいいのですが すべてのタイルをメニューとして表示したい場合には 困ります。

SharePoint Online 注目リンク カスタマイズ 1

そんな時は、スクリプトエディタWebパーツに CSSを追加して カスタマイズすれば、注目リンクの折り返し表示ができます。

SharePoint Online 注目リンク カスタマイズ 2

スクリプトエディタに挿入する CSS(StyleSheet)は、以下の通りです。

注目リンクの形状

注目リンクのタイル 150x150 Pixelの四角ですが、「丸」にもできます。背景イメージも 丸に合わせたり、タイトルや説明も 丸に合わせる必要がありますが。

SharePoint Online 注目リンク カスタマイズ 3

スクリプトエディタに挿入する CSS(StyleSheet)は、以下の通りです。

「丸」まで極端ではなく・・・「角丸」の柔らかな感じにするには、上記の CSSで「border-radius: 50%;」を「border-radius: 25px;」にすれば 角丸になります。

SharePoint Online 注目リンク カスタマイズ 4

「border-radius: 」は、水平方向/垂直方向の四隅の半径が指定できます。上だけ角丸とか、下だけ角丸とか・・・アイディア次第で色々できます。
・水平方向の左上 半径
・水平方向の右上 半径
・水平方向の右下 半径
・水平方向の左下 半径
・垂直方向の左上 半径
・垂直方向の右上 半径
・垂直方向の右下 半径
・垂直方向の左下 半径

注目リンクの仕様変更

2017年8月に、注目リンク(リスト)に、新しい列「背景イメージ クラスターの水平方向の開始位置」「背景イメージ クラスターの垂直方向の開始位置」が追加されました。

SharePoint Online 注目リンク カスタマイズ 5

背景イメージ画像が いままでは 左上の原点から始まって 固定サイズ(150x150ピクセル)に縮小表示されていましたが、新しい列で 開始位置を指定すると そこから背景イメージ画像が表示されます。画像を 真ん中に寄せたり、エッジの部分を作ったりできますね。


2018年の記事

2017年の記事


風水吉凶方位 風水吉凶方位 |  奇門遁甲 奇門遁甲 |  金運神社 金運神社 |  仏像 仏像 |  論語 論語 |  般若心経 般若心経 |  二十四節気 二十四節気 |  菜根譚 菜根譚 |  SharePoint活用 SharePoint |  OneNote活用 OneNote |  ICT活用 ICT