1

DNN で navbar-fixed-top CSS クラスを使用してブートストラップ 3.0 nav を使用しています (navbar-static-top ではこの問題は発生しませんが、ページをスクロールすると navbar が消えます)。(管理者として) DNN にログインすると、DNN は管理者固有のメニューを含む固定ナビゲーション バーも生成します。しかし今、私のブートストラップ ナビゲーションは DNN コントロール バーを覆い隠しています。

管理モードでナビゲーション バーまたは DNN メニューに別のスタイルを適用するなど、これを調整するにはどうすればよいですか?

Navbar を .ascx に入れると、.ascx 内で管理者モードになっているかどうかを検出できますか?

4

4 に答える 4

1

もう 1 つの方法は、RibbonBar を使用している場合は、dnn #ControlBar または #dnnCPWrap を切り替えることです。すべての固定ナビゲーション バーで動作するはずです。

左上隅に小さなボタンを作成します。ニーズに合わせてアンカーのスタイルを設定します。

    $(document).ready(function () {

     var moTtoggleButton;
            if(('#ControlEditPageMenu').length > 0 ) {  //  FOR CONTROLBAR DNN7 and up
                    moTtoggleButton = '<ul class="dnnActions dnnClear">';
                    moTtoggleButton += '<li class="moTtoggleButton"><a href="javascript:void(0)" onclick="$(\'#ControlBar\').toggle();">toggle menu</a></li>';
                    moTtoggleButton += '</ul>';

                $('#ControlBar_ControlPanel').before(moTtoggleButton)
            }
            if(('#dnnCPWrap').length > 0) { //  FOR RIBBONBAR
                    moTtoggleButton = '<ul class="dnnActions dnnClear">';
                    moTtoggleButton += '<li class="moTtoggleButton"><a href="javascript:void(0)" onclick="$(\'#dnnCPWrap\').toggle();">toggle menu</a></li>';
                    moTtoggleButton += '</ul>';

                $('#dnnCPWrap').before(moTtoggleButton)
            }

    });

ボタンのスタイリング

.moTtoggleButton{
    z-index: 10001 !important;
    background-color: #FFFFFF;
    position: fixed;
    top: 0;
    left:0;
}
.moTtoggleButton > a {
    display: inline-block;
    font-weight: 700;
    padding: 10px 15px;
}

更新: 変更された位置: 絶対; 位置へ: 固定; アンカータグに href="javascript:void(0)" を追加

于 2014-09-26T11:44:27.477 に答える
1

スクリーンショットまたはフィドルを表示できますか?

このルールをcssファイルに追加するだけで修正されるかもしれません

body {
  padding-top: 50px;
  padding-bottom: 20px;
}
于 2013-12-11T11:52:14.423 に答える
1

このCSSを使ってみてください

#ControlBar {
        height: 53px !important;
}

.navbar-fixed-top.admin {
        top: 53px;
        z-index: 9;
}

そしてこのJavaScript

$(function() {
    if ($('form').hasClass('showControlBar')) $('.navbar-fixed-top').addClass('admin');  
});
于 2013-12-15T17:08:00.150 に答える
0

この CSS を追加してみてください。DNN7+で問題なく動作します

#ControlBar, #ControlBar div,  #ControlBar li,  #ControlBar a {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
于 2014-06-04T14:26:35.020 に答える