SharePoint 2010 功能区隐藏/{在库项目选择或其他事件上显示}

发布于 2024-11-15 10:10:53 字数 731 浏览 2 评论 0原文

我正在为 SharePoint 2010 打造品牌,并且默认情况下隐藏功能区并在用户单击向下箭头时显示。用户可以通过单击隐藏图标再次隐藏它。 JQuery 切换和切换类效果很好

    <div id="ribbonHide">
        <a class="toolTipHover" href="#">
            <div class="downArrowSmall" onclick="JavaScript:$('#s4-ribbonrow').toggle();$(this).toggleClass('downArrowSmall upArrowSmall');">
                <span class="ribbonHideToolTipOpen">Display the Ribbon</span><span class="ribbonHideToolTipClose">Hide the Ribbon</span>
            </div>
        </a>
    </div>

问题是当用户单击库项目的选择器复选框时,整个标题行会消失,因为当功能区选择“库工具”选项卡/库窗格时它会被替换。但功能区仍然隐藏着。网站标题横幅也是如此。

问题:如何侦听触发功能区更改的页面事件(任何),以便我可以再次显示它?

谢谢!

I am branding SharePoint 2010, and I hide the Ribbon by default and show when the user clicks a down arrow. The user can hide it again by clicking a hide icon. JQuery toggle and toggleClass work great

    <div id="ribbonHide">
        <a class="toolTipHover" href="#">
            <div class="downArrowSmall" onclick="JavaScript:$('#s4-ribbonrow').toggle();$(this).toggleClass('downArrowSmall upArrowSmall');">
                <span class="ribbonHideToolTipOpen">Display the Ribbon</span><span class="ribbonHideToolTipClose">Hide the Ribbon</span>
            </div>
        </a>
    </div>

The problem is when a user clicks on a library item's selector checkbox, the entire header row disappears, because it's replaced when the Ribbon selects the Library Tools tab/Library pane. But the Ribbon is still hidden. So is the site header banner.

Question: How can I listen for page events (any) that trigger a change in the Ribbon so I can display it again?

Thanks!

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

北恋 2024-11-22 10:10:53

好吧,我又回到这个话题了。答案是更改母版页和 CSS 中 s4-titlerow div 的 id。这会将其隐藏在功能区定位系统之外。

然后,为了防止在您单击一些选项卡并且功能区再次隐藏后功能区定位系统破坏我的布局,我在功能区显示/隐藏脚本中添加了对功能区自己的“修复程序”功能的调用:

<div id="ribbonHide">
    <a class="toolTipHover" href="#">
        <div class="downArrowSmall" onclick="JavaScript:$('#s4-ribbonrow').toggle();$(this).toggleClass('downArrowSmall upArrowSmall');FixRibbonAndWorkspaceDimensions();">
            <span class="ribbonHideToolTipOpen">Display the Ribbon</span> <span class="ribbonHideToolTipClose">
                Hide the Ribbon</span>
        </div>
    </a>
</div>

我不能'对这个简单的解决方案感到更满意,并使用丝带反对自己!

OK, I'm back to this. The answer is to change the id of the s4-titlerow div in the masterpage and CSS. This hides it from the Ribbon positioning system.

Then, to keep the Ribbon positioning system from breaking my layout after you've clicked around some tabs and the Ribbon is again hidden, I added a call to the Ribbon's own "fixer" function in my Ribbon show/hide script:

<div id="ribbonHide">
    <a class="toolTipHover" href="#">
        <div class="downArrowSmall" onclick="JavaScript:$('#s4-ribbonrow').toggle();$(this).toggleClass('downArrowSmall upArrowSmall');FixRibbonAndWorkspaceDimensions();">
            <span class="ribbonHideToolTipOpen">Display the Ribbon</span> <span class="ribbonHideToolTipClose">
                Hide the Ribbon</span>
        </div>
    </a>
</div>

I couldn't be happier with this simple solution, and using the Ribbon against itself!

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文