How to fit ms-sharepoint-ribbon's width (the black ribbon) to my design in mobile view, because it causes a white space at the left of the screen? please check the image:
I would suggest you to enable mobile view on SharePoint site collection which automatically changes your site layout to mobile friendly on mobile devices.
Some components like the content editor do not work on mobile views and if you need them, then I would suggest you to write your own CSS to hide the irrelevant icons from the ribbon and push then in a dropdown menu.
Related
I am creating a landing page in SharePoint Online (modern experience site not classic).
I have below mention client's requirement.
Once user hit the SharePoint home page, it should show only the video in full screen and after completion of video the page should redirect to any other website.
Page should have only the video nothing else. Need to the hide the top header bar.
What I've tried so far:
I added the full-width section and linked to the video file. Section taking the full width but video is not coming in full screen. Video aspect size is correct when i am running the video in browser or any video player it is running in full screen.
I added the One-column section and added the video using "File viewer' and "embed' web part and in both cases video is not coming full screen.
Is it feasible to achieve these requirements? I searched in google and seems it is a known limitation and didn't get the solution.
What you are trying to achieve is not possible using SharePoint OOTB functionalities.
Using SharePoint OOTB, you cannot hide Header menu bar in SharePoint online modern experience.
For you requirements, you need custom solution using SPFx:
Create a SPFx web part to show the video on page
Hide SharePoint HTML elements (navigation, header, etc.) using custom CSS
Add a button to close the video & redirect to another page.
Note: DOM manipulation & CSS customizations are not recommended by Microsoft and some of your customization may break if Microsoft changes HTML element id/classes in new release updates.
Is there a way to insert/add logo before the top navigation in SharePoint ? Currently we have Home link and we want to replace it using a logo instead.
Thanks!
Assume you are talking about SharePoint online development. I suggest using command set in SharePoint Framework.
The Command Set is the only type of SharePoint Framework Extension for which you can configure icons.
When deploying Command Sets, you can choose whether their commands should be visible on:
The command bar (location: ClientSideExtension.ListViewCommandSet.CommandBar)
The context menu (location: ClientSideExtension.ListViewCommandSet.ContextMenu)
Both (location: ClientSideExtension.ListViewCommandSet)
You can use an external icon image or a base64-encoded image as your icon image.
References form here
Also, there is a third party option. it will be less work just to change a icon but also limited choice of icons which they've provided.
ShortPoint can customize SharePoint Global Navigation and allows you to utilize ShortPoint Icons in your navigation.
The result will be something like this. Reference here.
So depend on your need, SPFx will give you more freedom and Shortpoint will take less work.
As for SharePoint On-premises. I think these below links can help you.
Customizing SharePoint 2010 global navigation with Css and jQuery Link
Top Navigation By Ryan Keller Link
Customize the navigation on your SharePoint site Link
Hope this can help you.
I am fairly new to ee. I have a site built using it but it is not a conventional site. There is only one page and all the content exists around that page, navigated with jquery scrolling.
I want to build a conventional site:
Page structure -
home
about
Services
Web design
Photography
graphic Design
Portfolio
Contact
What I want to avoid is having a massive list of channel fields in the publish drop down menu (as there is on my previous site)
How is it best to organise the channels? I am trying to get my head around the pages module but I will still have loads of channel entries not organised.
I think having a channel called 'Pages' is the best start. Then channel fields for each page. Ok good....but I would need to create loads of field entries for each section of each page:
Pages ->
Home
Home page featured image
Home page left column
home page right column
About
About featured image
about main content
Services featured image
Services main content
Web design featured image
Web Design main content
Photography featured image
Photography main content
But What I want is to have another two levels to the tree structure
Pages ->
Home ->
Home page featured image
Home page left column
home page right column
About ->
About featured image
about main content
Services ->
Services featured image
Services main content
Web Design ->
Web design featured image
Web Design main content
Photography ->
Photography featured image
Photography main content
Any suggestions or ideas? Am I just supposed to put up with having loads of channel fields, when I want to click on a page and have all the fields for that page come up together so that Home page featured image, Home page left column and home page right column are all edited at the same time from the same entry.
Not sure I completely understand your question but I guessing you are having problems with structuring your navigation in the backend and frontend?
http://devot-ee.com/add-ons/zoo-flexible-admin this plugin allows you to re-structure the control panel menu to suit different user groups. So you can group your publish channel navigation how you want and reduce it down to any size. So you can call a navigation "edit home page" and have all the corresponding channels in the dropdown.
I also use this plugin to structure by navigation on the frontend http://devot-ee.com/add-ons/navee
You could also consider the Structure add-on.
http://devot-ee.com/add-ons/structure
I had asp.net back ground and now developing apps for Iphone. I have been wondering is there some thing master view or theme for app as we had master pages for website designing in asp dotnet which make the whole website design generic
thanks
No you really don't have anything similar. You do get two great application templates, the Tab based view or the Navigation based. In the navigation controller certain things follow each view like the style of the navigation bar but that is it.
If you want to use something like PhoneGap and drop that into XCode then use a web based UI framework like jqTouch, then you can have a template :) but that is a completely different application model.
Master View? I'm not sure what you mean by this. You have a Window (UIWindow) that you add Views to (UIView). You only have one window, but are free to have as many Views as you like.
So it depends what you want to add, for example i have a banner that i want at the tope of evert screen. I added the ImageView to the window and scaled the Views so they left the top of the window showing.
If you wanted to add some default behaviour to your Views and or add an image view to every view. You could simply subclass UIViewController and go from there?
If you give a touch more detail about what you want to achieve I'll gladly go into more detail.
I am working on enterprise apps, I am using telerik controls to make life easier ;)
The layout of my application on the left radpanelbar used for the navigation menu, on the right side is the content.
I want to make this navigation menu to navigate to a usercontrol (.ascx file) instead of a page (.aspx file)
The navigation control is in the master page.
I have multiple reasons to make this kind of navigation:
I have many user controls, and do not want to make pages (.aspx) as many user controls as I have.
Which is the most important I want to make this happen on the fly with out post pack (AJAX).
So please could any one tell about the best practice to do it.
One possible solution might be to load the navigation user control programmatically via AJAX when the user clicks a panelbar item. Still positioning this user control on the master page and loading it from the content page is quite odd to me and I personally do not approve it as a good architectural decision.