May 19, 2024

SamTech 365

PowerPlatform, Power Apps, Power Automate, PVA, SharePoint, C#, .Net, SQL, Azure News, Tips ….etc

[vc_row][vc_column width=”3/4″][vc_column_text]

The default design 🙁

Some of my biggest achievements recently which make me very proud are the successful design & deployment of a new SharePoint intranet Portal.

Going from ‘Ugly’ SharePoint, which makes users adoption a real challenge to a more ‘Webby’ style landing page with different functionalities (dropdown, sliders, twitter feeds, yammer feeds).

[/vc_column_text][/vc_column][vc_column width=”1/4″][vc_single_image image=”99206″ img_size=”full” alignment=”center” style=”vc_box_rounded” onclick=”link_image” css_animation=”none”][/vc_column][/vc_row][vc_row css=”.vc_custom_1530739416229{margin-top: 30px !important;margin-bottom: 30px !important;}”][vc_column width=”1/4″][vc_single_image image=”99207″ img_size=”full” alignment=”center” style=”vc_box_rounded” onclick=”link_image”][/vc_column][vc_column width=”3/4″][vc_column_text css_animation=”bounceIn”]

Overwrite everything !! no ribbon, no left navigation, no footer

Going from out of the box SharePoint template to a more sexy landing page involved using a lot of Bootstrap, CSS, JavaScript and Jquery.

My first landing page was actually two stages navigation pages, which have been deployed to a global international telecommunication towers’ supplier, who is active in different countries.[/vc_column_text][/vc_column][/vc_row][vc_row css=”.vc_custom_1530739433562{margin-top: 0px !important;margin-bottom: 30px !important;}”][vc_column width=”3/4″][vc_column_text css_animation=”bounceIn”]

The magic 🙂

The first page was a global map showing clickable pointers to different countries, icons takes to site collections (we had one site collection per country, and a sub site for each department).The trick here, is that I used Jquery to replace the entire content of the html dom object by my own div,showing this lovely background image and the different pointers.

The next stage, which is the country landing page, I used Html, CSS, Bootrsap, JS & Jquery, and I have written a fully customised code which will be later added into a content editor web part, the code relies on a lot of CSSs to get ride of the left navigation, top search bar …etc.The end results would look like this –>[/vc_column_text][/vc_column][vc_column width=”1/4″][vc_single_image image=”99209″ img_size=”full” alignment=”center” style=”vc_box_rounded” onclick=”link_image”][/vc_column][/vc_row][vc_row][vc_column][vc_column_text]

Going further

Part of another contract, I had to reuse some of the existing content, and make it even better. I made everything easily configurable, where I had couple of Custom SharePoint Lists which will populate the icons, news and sliders, even the top navigation drop down links can be easily manageable from the back end lists.[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column][vc_single_image image=”2453″ img_size=”medium” alignment=”center” style=”vc_box_shadow_3d” onclick=”link_image”][/vc_column][/vc_row]