5492 posts
  • Has been part of the Envato Community for over 4 years
  • Has referred 1+ members
  • Located in Australia
  • Has sold $1,000+ on Envato Market
+4 more
Australia says

I am redoing our sports tipping script, for one of our sites. So before we started doing the background code, I thought I would get some feedback as to your thoughts regarding our UI.

Constructive feedback appreciated please ( this is a sample ) it is actually coded, but not dynamic as yet.

5492 posts
  • Has been part of the Envato Community for over 4 years
  • Has referred 1+ members
  • Located in Australia
  • Has sold $1,000+ on Envato Market
+4 more
Australia says

No worries guys, we completed it without any UI advice, all totally dynamic. I am totally happy with the outcome, and some of the UX features we managed to shoe horn in.

I have updated the image ( see first post ) to actual finished version. Always open to criticism though, as front end stuff is always evolving and has room for improvement. However, I am more than happy with our efforts.

Watermaked.

446 posts here for love
  • Has sold $125,000+ on Envato Market
  • Elite Author: Sold more than $75,000 on Envato Market
  • Won a competition
  • Sells items exclusively on Envato Market
+7 more
nCrafts says

Looks good. I can think of just one small suggestion:

I believe you’re using fixed width for the page number elements. It looks cramped for numbers over 10.

5492 posts
  • Has been part of the Envato Community for over 4 years
  • Has referred 1+ members
  • Located in Australia
  • Has sold $1,000+ on Envato Market
+4 more
Australia says

I am not actually, but it is the one ui issue i couldnt think on how to accomplish better and cleaner. Due to the width of the content div. I serched high and low , even looked at scrolling effects, and just simple hrefs, but couldnt find anything quite as clean and easy to use. The width of each ( button ) element is handled by padding.

Up for suggestions tho. I will try and apply an align text fix for numbers over 10

fixed: with text-indent:-1px;

Helpful Information

  • Please read our community guidelines. Self promotion and discussion of piracy is not allowed.
  • Open a support ticket if you would like specific help with your account, deposits or purchases.
  • Item Support by authors is optional and may vary. Please see the Support tab on each item page.

Most of all, enjoy your time here. Thank you for being a valued Envato community member.

Post Reply

Format your entry with some basic HTML. Read the Full Details, or here is a refresher:

<strong></strong> to make things bold
<em></em> to emphasize
<ul><li> or <ol><li> to make lists
<h3> or <h4> to make headings
<pre></pre> for code blocks
<code></code> for a few words of code
<a></a> for links
<img> to paste in an image (it'll need to be hosted somewhere else though)
<blockquote></blockquote> to quote somebody

:grin: :shocked: :cry: Complete List of Smiley Codes

by
by
by
by
by
by