What template or library can I use to create documentation sites with expanding / collapsing menus? Example provided - sharepoint

We're using the online version (office 365). Here's an example:
https://support.office.com/en-us/article/Create-and-edit-a-wiki-dc64f9c2-d1a2-44b5-ac59-b9d535551a32?ui=en-US&rs=en-US&ad=US

You mean to say a dropdown menu with links, like Products Templates and Support menu in the link you have shared?
If yes then you need to customize the top navigation using css and jquery.
Updated: You can create global navigation. In that create headings and add link under headings.
Steps:
1. Activate SharePoint publishing feature in site
2. In site settings page, click on Navigation link.
3. Now Scroll down to edit the global(top) navigation. Click on Global heading and under that add headings. Under each heading add respective links. This will create your menu with expand collapse functionality.
4. Style them as per your requirement using css.
This settings will be applicable to entire site. No need for template or library.
For more complex requirement, I would suggest to use java script.

Related

Integrating CKEditor in SharePoint2010

Is it possible to integrate CKEditor to SharePoint2010's EDIT ITEM or ADD ITEM page without using CKEditor for SharePoint?
If you want to replace the default editor with CKEditor, it is going to be hard. Remember that the default editor is integrated in the ribbon. If you want to use it for some reason in a webpart or on specific situations like in a page layout you can follow something along the lines of this:
http://www.sharepointbriefing.com/features/article.php/3928401/Sharepoint-Tools-You-Can-Use-CKEditor.htm

Hiding Menu System

I'm looking for some code on how to create a hiding menu. Basically I'd like to have four links in a horizontal menu. When you click on a link I'd like it to hide the others perhaps above or below to provide a text box. This box would also have information in it that we be inputted by the designer only.
I have a link to preview a template for an example below:
http://www.graphicalwonders.com/archives/brian/Homepage.jpg
jQuery UI -
Accordion API -
Viral Patel
Check out these links for examples of Accordion menus. I find the Viral one to be easier to use, however the jQuery UI & API explain more in detail how it works.

Appropriateness of use regarding ribbons and menu's in sharepoint 2010

So with the new Ribbon on top of the SharePoint 2010 page we have an office like feel to working with SharePoint pages. Customization of this ribbon is great, adding your own functionality augmenting what Microsoft provides out of the box. My question is this though, when is it appropriate to use ribbon customization vs an item menu option (i.e. the callout menu on a particular item).
Are there best practices around this? What do you do?
They share a lot of the same options. The ribbon is focused on working with the entire list or library, but still has options pop up when you click on an item that are targeted at that one item. The call-out on a single item is always focused on options for just that item.
So I would say if your looking to do something with an entire list or library, put it in the ribbon. If it is going to be an option specifically tied to one item at a time, put it in the call-out menu, but also try to make it show up in the ribbon if someone doesn't look at the call-out menu.
But that's just my opinion and I haven't had any experience putting custom functionality into either sections.

joomla article list with descriptions

On the Joomla frontpage i want to have this kind of menu
Every item has a title and description and links to some article.
This list must be available for modification by administrator.
Is it possible to do it? I know how to modify menu to look like this, but standart menu doesn't support descriptions.
One option is to make it like so:
Make ordenery menus using Joomla! menu manager
Then make modules for every menu item and add menu link title and description
Make all menu link title on the module linked to the orginal menus you made on the first step
Unpublish menu module and publish these modules you just made into to the same place where was menu module

Sharepoint search button customization

I am working on SharePoint Branding project, where i need to change the whole sharepoint look and feel according to Clients design guidelines/Visual Designs.
happy part, most of the branding is done but still i am facing problem with SEARCH BUTTON of sharepoint. Ia m not able to replace this default button with my designed button.
any direction ll be great help
What we did was replace the delegate control of the search button with our own, using a feature. In that feature we specified our custom image for the button.
This might help - http://labs.steveottenad.com/reskin-restyle-a-sharepoint-2010-search-box/
When we customised the search box we hide the default img for the search button using css and replaced it with a new background image.
You can't replace the default button with you own search button. You can however customize it to your needs using CSS styles. I have done the same thing. You can create your custom style to override the styles from the corev15.css file.
Create you custom styles css file, reference it in your page layout and just use it.
Hope that helps.

Resources