J'ai un site d'équipe SharePoint et j'ai fait quelques changements dans la page principale comme ci-dessous:nouvelle boîte de dialogue de documents montrant des images d'en-tête de la page principale
- Moved liens du menu supérieur et la boîte de recherche ci-dessous la page rubrique
- Au lieu de liens top J'ai placé une image appelée image1 et à la place de la boîte de recherche j'ai placé une autre image appelée image2
- Remplacement logo SharePoint avec mon propre logo et en augmentant sa taille
J'ai fait tout cela en utilisant DIV/CSS. Maintenant, je ne suis pas un designer, pas même proche. J'ai donc dû faire beaucoup d'essais et d'erreurs avant que tout ne paraisse bien, sauf ce problème auquel je suis confronté, c'est-à-dire lorsque vous cliquez sur le lien "nouveau document" qui ouvre une boîte de dialogue montrant également ces logos (que j'ai mentionné au point 2 ci-dessus)
Comment puis-je me débarrasser de cela? Je pensais que si je peux savoir si le dialogue est ouvert, je peux cacher ces images en utilisant CSS/Jquery?
Voici un code partiel pour vous donner et comprendre où j'ai écrit le code. Mes divs sont nommés "mydiv" et "mydiv2" tout reste du code est par défaut de SharePoint:
<div id="WebPartAdderUpdatePanelContainer">
<asp:UpdatePanel
ID="WebPartAdderUpdatePanel"
UpdateMode="Conditional"
ChildrenAsTriggers="false"
runat="server">
<ContentTemplate>
<WebPartPages:WebPartAdder ID="WebPartAdder" runat="server" />
</ContentTemplate>
<Triggers>
<asp:PostBackTrigger ControlID="WebPartAdder" />
</Triggers>
</asp:UpdatePanel>
</div>
</SharePoint:AjaxDelta>
</div>
</div>
<div id="s4-workspace" class="ms-core-overlay">
<div id="mydiv" style="float:left;border:thin;border-style:none;width:210px;position:absolute; padding-top:20px;padding-bottom:0px;padding-left:200px;z-index:1;">
<img src="/images/image1.jpg" width="65%" height="65%"></div>
<div id="mydiv2" style="border: thin none currentColor; width: 250px; right:600px;position:absolute; padding-top:20px; padding-bottom:10px;float: right;z-index:1;">
<img src="/images/image2.jpg" width="800" height="56">
</div>
<div id="s4-bodyContainer">
<div id="s4-titlerow"
class="ms-dialogHidden s4-titlerowhidetitle">
<div id="titleAreaBox"
class="ms-noList ms-table ms-core-tableNoSpace">
<div id="titleAreaRow"
class="ms-tableRow">