Option to hide search bar / use social links

Issue #2 resolved
Jeremy Hopkins created an issue

Add admin option under BCU > Header using drop down / select list to:

  • show search box (how theme works currently) DEFAULT
  • show social icons
  • off (show neither and allow more space for course title)

For social icons we will need to be able to add a custom menu (based on moodles existing format) with support for icons and title or alternatively perhaps six rows of settings each allowing:

1) FA icon name 2) URL 3) Alt / Title text

Thus we can load any social (or other) links we want to in this space using font awesome.

We also need a color picker for these font icons, default should be #ffffff

Within the admin settings we will need to give this "region" a descripion along the lines of "header right".

Comments (15)

  1. Jeremy Hopkins reporter

    Would it be possible to add an expanding search bar when social icons were in use along the lines of this:

    http://codepen.io/912lab/pen/LsplC

    I am not sure how that woudl work with the icons / titles / space in the header, but it would be desirable to find a way to enable search for staff discretely.

  2. Jeremy Hopkins reporter

    I should have added "demo 2" would work best with social icons:

    http://codepen.io/912lab/pen/LsplC

    Also, in the original issue I neglected to mention we would need a color picker for the icons too.

    Also, I think the idea of adding fields was a mistake and that it would be better to use a text field which would base off Moodles custom menu (without indentation) to provide de-limited string for URL, Title and FA Font.

  3. John Stabinger

    Not sure I am following this. Where would the social icons go? If the social icons option is selected, does the search box disappear? I'll need something mocked up to follow this.

    I also am not following this: "Within the admin settings we will need to give this "region" a descripion along the lines of "header right"."

  4. Jeremy Hopkins reporter

    If you look at the existing bcu theme there is a "search courses" box top right in the header. If you look at http://www.coventry.ac.uk/ you will see social icons in a similar position.

    We need to leave the original option in place (search box) for sites using that currently (like BCU). We want an option to display it another way using the same region for social icons instead.

    Where social FA social icons are used it would be nice if we could still retain a search ability using something like "demo 2" shown in

    http://codepen.io/912lab/pen/LsplC

    Thus there would be an option to display social icons and next to that an expanding search area with a search icon which could also pull from FA.

    Below is a short screen recording to help explain this (one drive plays badly so maybe better to download and open in media player):

    http://1drv.ms/1KDV7a2

  5. John Stabinger

    This will either need to be search box or icons. (which I will work on now)

    Adding the expanding options, etc. is just too much time to even attempt within the current scope.

  6. Jeremy Hopkins reporter

    Could social icons be vertically aligned so they are more central in the header. See image below.

    social-icon-vertical-align.png

  7. John Stabinger

    Sure, this is not completely set up in the header settings yet. It is jus there for placement purposes. I will align them and create the settings today and re-send the package.

  8. John Stabinger

    See attached updated package with the social settings in place. Wanted to get this to you in place of the one sent yesterday night.

  9. Jeremy Hopkins reporter

    Could you change the Youtube icon to fa youtube-square? It would also be useful to have a font size selector with a select list allowing you to range form 1em - 2em (1, 1.1, 1.2.... 1.9, 2), thus if you are using fewer icons (as we are) you can increase the size.

  10. Log in to comment