SHAREPOINT | OFFICE 365
Subscribe

JavaScript

Create link to new folder and item actions in modal window in SharePoint 2013

Create link to new folder and item actions in modal window in SharePoint 2013

Create link to “New Item” /_layouts/15/Upload.aspx?List={}&RootFolder=&IsDlg=1′,RefreshOnDialogClose,null,null,'’);”>Add item</a> Create link to “New Folder” <a href=”javascript:OpenPopUpPageWithTitle(‘</site/library>/Forms/Upload.aspx?RootFolder=&Type=1&IsDlg=1′,RefreshOnDialogClose,null,null,'<Title>’);” >New Folder</a></div> <footer class="gh-card-footer"> <span class="gh-card-author">By Ulrich Bojko</span> <span class="gh-card-footer-sep"></span> <time class="gh-card-date" datetime="2014-04-25">Apr 25, 2014</time> </footer> </div> </a> </article> <article class="gh-card post tag-javascript tag-sharepoint"> <a class="gh-card-link" href="/pop-modal-window-sp2013/"> <figure class="gh-card-image"> <img srcset="/content/images/size/w300/wordpress/2013/06/SPServer2010Logo.png 300w, /content/images/size/w720/wordpress/2013/06/SPServer2010Logo.png 720w, /content/images/size/w960/wordpress/2013/06/SPServer2010Logo.png 960w, /content/images/size/w1200/wordpress/2013/06/SPServer2010Logo.png 1200w, /content/images/size/w2000/wordpress/2013/06/SPServer2010Logo.png 2000w" sizes="(max-width: 1200px) 100vw, 1200px" src="/content/images/size/w720/wordpress/2013/06/SPServer2010Logo.png" alt="Pop-up modal window SP2013" > </figure> <div class="gh-card-wrapper"> <header class="gh-card-header"> <h3 class="gh-card-title">Pop-up modal window SP2013</h3> </header> <div class="gh-card-excerpt">Simple javascript command to open the dialog modal form 1. function OpenPopUpPage(url, callback, width, height) 2. function OpenPopUpPageWithTitle(url, callback, width, height, title) 3. function OpenPopUpPageWithDialogOptions(dialogOptions) DialogOptions supports: Options Property Description title A string that contains the title of the dialog. url A string that contains the URL</div> <footer class="gh-card-footer"> <span class="gh-card-author">By Ulrich Bojko</span> <span class="gh-card-footer-sep"></span> <time class="gh-card-date" datetime="2014-04-24">Apr 24, 2014</time> </footer> </div> </a> </article> <article class="gh-card post tag-javascript tag-jquery tag-sharepoint"> <a class="gh-card-link" href="/hide-text-field-sharepoint-form-using-jquery/"> <figure class="gh-card-image"> <img srcset="/content/images/size/w300/wordpress/2014/03/js.png 300w, /content/images/size/w720/wordpress/2014/03/js.png 720w, /content/images/size/w960/wordpress/2014/03/js.png 960w, /content/images/size/w1200/wordpress/2014/03/js.png 1200w, /content/images/size/w2000/wordpress/2014/03/js.png 2000w" sizes="(max-width: 1200px) 100vw, 1200px" src="/content/images/size/w720/wordpress/2014/03/js.png" alt="Hide a text field in a SharePoint form using jquery" > </figure> <div class="gh-card-wrapper"> <header class="gh-card-header"> <h3 class="gh-card-title">Hide a text field in a SharePoint form using jquery</h3> </header> <div class="gh-card-excerpt">If you have several SharePoint Forms, where you want to hide the input field and using SharePoint Designer to create a custom form is not an option. Here is my collection of jQuery you can insert, using the ScriptEditor webpart. Edit the “view” of a ListItem (DispForm.aspx) 1. Open</div> <footer class="gh-card-footer"> <span class="gh-card-author">By Ulrich Bojko</span> <span class="gh-card-footer-sep"></span> <time class="gh-card-date" datetime="2014-03-24">Mar 24, 2014</time> </footer> </div> </a> </article> </div> </div> </div> </main> <footer class="gh-foot gh-outer"> <div class="gh-foot-inner gh-inner"> <section class="gh-subscribe"> <h4 class="gh-subscribe-title">Subscribe to 365HQ</h3> <div class="gh-subscribe-description">Don't miss out on the latest news. Sign up now to get access to the library of members-only articles.</div> <button class="gh-subscribe-btn gh-btn" data-portal="signup"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"> <path d="M3.33332 3.33334H16.6667C17.5833 3.33334 18.3333 4.08334 18.3333 5.00001V15C18.3333 15.9167 17.5833 16.6667 16.6667 16.6667H3.33332C2.41666 16.6667 1.66666 15.9167 1.66666 15V5.00001C1.66666 4.08334 2.41666 3.33334 3.33332 3.33334Z" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M18.3333 5L9.99999 10.8333L1.66666 5" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg> Subscribe now</button> </section> <nav class="gh-foot-menu"> <ul class="nav"> <li class="nav-sign-up"><a href="#/portal/">Sign up</a></li> </ul> </nav> <div class="gh-copyright"> 365HQ. Powered by © Bojko Consult </div> </div> </footer> </div> <script src="/assets/built/main.min.js?v=8fa019bb45"></script> </body> </html>