SharePoint, Power Platform Blog STRONA GŁÓWNA

Ikony dokumentów w Data View Web Part

Tworząc swój własny widok typu Data View Web Part (DVWP) być może wyświetlałeś również dokumenty z biblioteki dokumentów. Listę dokumentów łatwo jest pokazać, ale co z ikonami? We wbudowanym List View obok nazwy dokumentów widzimy ikony wyświetlane odpowiednio do rodzaju pliku. Wydaje się więc, że i w przypadku DWVP nie powinno być problemu.

undefined

Ale problem jest. We właściwościach elementów jest wyłącznie informacja o typie pliku i jego rozszerzeniu. Nie ma natomiast nic o jego ikonie. Automat więc odpada. Sprawę musimy rozwiązać ręcznie. Najpierw sprawdzimy jakie plik posiada rozszerzenie.

undefined

Od tego rozszerzenia zależy przecież ikona a ikona to przecież zwykły plik graficzny.

undefined

Na serwerze ikony są w katalogu. Możemy z nich skorzystać lub wskazać na zupełnie inne pliki, które wczesnej przygotujemy. Rodzajów plików jest niestety dużo i dla większości z nich powinniśmy przygotować odpowiedni warunek. Dodatkowo, jeżeli nie zrobimy obsługi dla jakiego typu, to powinna się przy nim jakaś ikona wyświetlić.

undefined

Na koniec jeszcze kilka poprawek w stylach, dodanie odstępów, justowanie i oto efekt naszych działań.

undefined

Widok danych z poziomu webserwisu SharePoint

Poniżej podpowiedź dla osób, które za pomocą SharePoint Designer'a potrafią podłączyć się do webserwisu w witrynie SharePoint, pobrać i wyświetlić dane, np. w jakiejś listy znajdującej się w innej witrynie SharePoint.

Jeżeli już to kiedyś robiłeś/robiłaś, to zapewne wiesz, że w prawym panelu widoku źródła danych prezentowane są otrzymane dane, np:

undefined

I może się okazać, gdy w połączeniu nie wskazałeś widoku, to w naszej źródłowej liście mamy np. kolumnę "Opis" ale w otrzymanym widoku źródła danych tej kolumny nie widzimy i nie możemy jej użyć.

Dlaczego tak się dzieje?: Bo webserwis prezentuje dane zdefiniowane w widoku domyślnym i tej kolumny w domyślnym widoku tej listy nie ma!

Rozwiązanie więc jest proste, wystarczy zmodyfikować widok, który jest widokiem domyślnym w naszej liście źródłowej, zaznaczyć potrzebną kolumnę do wyświetlenia w tym widoku.

undefined

W SharePoint Deisignerze odświeżyć źródło danych:

undefined

Jak w SharePoint'cie ukryć lewe menu

Jak ukryć w SharePoint'cie lewe menu, już chyba wszyscy wiedzą ale tak dla przypomnienia, sposobów jest kilka ale niektóre z nich są tak nieprofesjonalne, że nie warto nawet o nich pisać. Skupimy się zatem na kilku wybranych.

Ukrycie lokalnie, czyli tylko w wybranej witrynie

Jako pierwszy krok: tworzymy plik 'LeftMenu.css' i do niego wklejamy w zależności od wersji SharePoint'a poniższy kod

SharePoint 2010

<style type="text/css">
body #s4-leftpanel { display: none; } 
.s4-ca { margin-left: 0px; }
 </style>

SharePoint 2013

<style type="text/css">
#sideNavBox { display: none; }
#contentBox { margin-left:20px!important; }
</style>

 

Plik 'LeftMenu.css' zamieszczamy w dowolnej bibliotece (np. Skrypty) w witrynie, w której chcemy ukryć lewe menu.

Kopiujemy adres odnośnika, do tego pliku.

W programie SharePoint Designer otwieramy w/w witrynę i w niej przechodzimy do edycji głównego master page tej witryny (w zależności od wersji SharePoint'ta będzie to inny plik)

Przed znacznikiem kończącym </HEAD> wklejamy:

<link rel="stylesheet" type="text/css" href="[ADRES WITRYNY I BIBLIOTEKI]/LeweMenu.css"/>

Zapisujemy i sprawdzamy efekt.

 

Ukrycie globalnie, czyli dla całego zbioru witryn

W tym wypadku postępuj identycznie jak powyżej, ale:

  • działania przeprowadzamy na witrynie głównej zbioru witryn
  • po wprowadzeniu zmian w pliku master page'a, włączamy dziedziczenie tego pliku we wszystkich podwitrynach

 

Miejscowo czyli jak ukryć menu tylko na konkretnej stronie

Najpierw podobnie jak w pierwszym przypadku, tworzymy stosowny plik LeweMenu.css i zapisujemy go w wybranej przez bibliotece SharePoint. Na stronie, na której chcemy wyłączyć lewe menu, dodajemy składnik web part 'Edytor zawartości' i w edycji ustawień tego składnika webpart wpisujemy odnośnik do tego pliku.

undefined

Na koniec edytor zawartości przełączamy na 'Ukryty'.

Home