sábado, 11 de agosto de 2018

Ocultar opciones del panel de resultados de búsqueda en SharePoint 2013

Esta semana me pidieron que pusiera un buscador en una página en un SharePoint 2013. Entonces para ello, agregue una caja de búsqueda y un panel de resultados de búsqueda.

Sí se deja el panel de resultados tal y como viene tiene la siguiente apariencia:

Tras verlo, nos pidieron que ocultáramos todas las opciones que aparecían para evitar que los usuarios se liaran con otra cosa que no fuera buscar. Entonces es cuando tuvimos que ocultar algunas opciones por medio de la configuración (En rojo en la captura) y otras por CSS (En azul en la captura):


Para ocultar las opciones en rojo, deberemos editar la página y editar el elemento web. Dentro del menú Configuración deberemos desmarcar las siguientes opciones:


En cambio, para ocultar la parte en azul, habría que poner un elemento web del tipo Editor de secuencias de comando en el cual pondremos el siguiente código CSS:

<style>
    #NoResult div, #NoResult ul {
        display: none
    }
    #NoResult .ms-srch-result-noResultsTitle {
        display: inherit
    }
    .ms-srch-result-noResultsTitle {
        padding-bottom: 0px;
    }
</style>

Con lo cual, quedarían todas las zonas indicadas ocultas:


Existiría otra opción que sería crear plantilla de presentación especifica, pero eso lo veremos en otra entrada del blog.