今年の7月あたりに SharePoint のページ・ニュースのセクションが折りたたみ可能になりました。
ニュース Webパーツなど特定のWebパーツでは開閉を数回するとエラーでWebパーツが表示されなくなるなど挙動は安定していませんでしたが、実は今でも直ってないです。ただ、僕の観測だとテキストやリンク関係のWebパーツあたりはエラーになる事はないです。なので折りたたみを利用する場合は設定した後に数回開閉して問題ないかを確認するとイイかもしれないです。
さて、そのセクションですが、折りたたみ可能にすると新しく区切り線を表示できる項目が追加されていました。実際に見てみます。
▼あらかじめこんなページがあったとします
セクションで分かれていて開閉できます。これは開いた時。
▼これがセクションを閉じた時
では、設定をします。
▼セクションの設定
▼「セクション間の区切り線を表示する」という設定項目
▼オンにします
これだけです。全部のセクションに設定してみましたが、ではどうなるか？
▼セクションを開いた状態
▼セクションを閉じた状態
このようにセクションの下部に区切り線が表示されるというシンプルな感じです。複数セクションを折りたたんだ状態で配置する時は境界がハッキリして良いかもしれないですね。セクションの背景を使って網掛けにして境界をハッキリさせる方法もあるけど、場合によっては、セクションの背景を付けると視覚的に目立つのでコンテンツの重要度の差だとユーザーが誤認識してしまう恐れもあるので、シンプルに境界をハッキリさせたい場合は区切り線の方が良い場合もあると思います。
▼網掛けで境界をハッキリさせたつもりが、偶然背景色を付けたセクションが1つだけになると「社外リンク集」が目立つのでユーザーにとって重要度が高いと誤認識する可能性も
不思議な点が一つだけあります。これまでのスクショを振り返ってもわかるかもしれないけど、区切り線の色に濃淡があるんです。濃い線と薄い線。これがどういう時に濃くなるのか？どういう時に薄くなるのか？のパターンがイマイチわかりませんでした。
▼全部薄い線のパターン
場合によっては開閉時に色が変わる場合もあるけど、
▼この場合は閉じても開いても薄い線のまま
様々な設定を変更して試してみたけど、僕には規則性を見つける事ができませんでした。不思議。もし知っているという方はご一報ください。