Currently a slideshow using the NEXT/PREV buttons looks like:

[Image slideshow here]
NEXT
PREV

While these buttons are functional, I think the UI would look with one of the following formats. There is no need to abbreviate Previous to PREV, and using proper grammar vs all caps may be more attractive, while still standing out to the user.

[Image slideshow here]
Previous Image
Next Image

OR

[Image slideshow here]
Previous | Next

OR (If PREV/NEXT needs to be all caps)

[Image slideshow here]
< PREV | NEXT >

I think using one of these formats (or having the option to choose which format to use for the buttons) would make the interface more attractive for use in a node.

CommentFileSizeAuthor
#5 3022585-5.patch1.63 KBheykarthikwithu
Support from Acquia helps fund testing for Drupal Acquia logo

Comments

mslaxmeter created an issue. See original summary.

heykarthikwithu’s picture

heykarthikwithu
Primary language English
Location Bengaluru 🌍
CreditAttribution: heykarthikwithu as a volunteer and commented

@mslaxmeter you can have a specific css to achieve this on the below elements.

<div class="prev-next">
  <a href=# id="imagefield_slideshow-prev">Prev</a>
  <a href=# id="imagefield_slideshow-next">Next</a>
</div>
mslaxmeter’s picture

mslaxmeter CreditAttribution: mslaxmeter commented

That's good to know. I think the default display of the buttons should be changed, however.
Either that, or perhaps add a dropdown/radio in the UI with the other settings that would allow changing this instead of through custom code.

mslaxmeter’s picture

mslaxmeter CreditAttribution: mslaxmeter commented

I think it should be changed to provide a better out-of-the box experience so users don't have to add custom code to get a good look.

heykarthikwithu’s picture

heykarthikwithu
Primary language English
Location Bengaluru 🌍
CreditAttribution: heykarthikwithu as a volunteer and commented
Status: Active » Needs review
FileSize
3022585-5.patch1.63 KB

Appended css for better look of prev & next buttons.

heykarthikwithu’s picture

heykarthikwithu
Primary language English
Location Bengaluru 🌍
CreditAttribution: heykarthikwithu as a volunteer and at Material commented
Status: Needs review » Reviewed & tested by the community
heykarthikwithu’s picture

heykarthikwithu
Primary language English
Location Bengaluru 🌍
CreditAttribution: heykarthikwithu as a volunteer and at Material commented
Status: Reviewed & tested by the community » Fixed

Status: Fixed » Closed (fixed)

Automatically closed - issue fixed for 2 weeks with no activity.