Posted by Stephen Ceresia · Apr 17, 2018 at 3:06 PM

Front-end templates

Morgan

Comments & Events

Morgan Maguire, CEO

Hi Stephen,

I'll go through these in more detail when I'm back in the office on Friday, but they look great.

Thanks,

Morgan

Apr 18, 2018 at 8:40 AM Notified 8 people

Anil Vaghela

Hello

Stephen

,

Can you provide us all templates so that we can start reviewing?

Apr 18, 2018 at 11:18 AM Notified 8 people

Stephen Ceresia

Anil

,

I've uploaded them here:

Templates - TOLOGIX - P3 Prototype for Tologix

A note from our dev on the scripts which you may need access to:

I included the unminified scripts in a separate zip since theres quite a bit of scripting I did for the drag and drop and compare views

Thanks,
Stephen

Apr 18, 2018 at 6:30 PM Notified 8 people

Stephen Ceresia

Anil

,

One other request from our dev:

Can you create your own custom.css like you did for ISLG so we can easily send you new css files if need be?

Thanks,
Stephen

Apr 18, 2018 at 7:37 PM Notified 8 people

Morgan Maguire, CEO

Stefanie

,

A few comments on the front-end templates:

I noticed some inconsistencies with onHover links. Sometimes the link is underlined until the user hovers the cursor over the links, and other times it is the opposite. Is there a reason for the inconsistency?
I noticed that some of the pages have troubles in a mobile browser, particularly the document comparison page: http://tologix-p3-inventory.s3-website.ca-central-1.amazonaws.com/compare.html. Have we ensured that all these pages will be mobile friendly, or did we plan on addressing this post-prototype?

Thanks,

Morgan

Apr 20, 2018 at 5:58 PM Notified 8 people

Stefanie Gibson, UX Researcher

Thanks

Morgan

I'll pass this feedback onto the team and get back to you.

Apr 23, 2018 at 1:52 PM Notified 8 people

Kevin Andrews

Morgan

,

We have applied some updates to fix mobile styling across all templates.

As for the hover on links the reason you are seeing inconsistencies is that for basic text links the underline is required by default to show that the text is interact-able. In some cases interact-able text is also accompanied by an icon indicator which is enough to show that the text can be clicked, in these cases we have omitted the underline by default.

Please let us know if this makes sense or if you still have any concerns.

I have uploaded the updated templates here: P3 Templates.zip - TOLOGIX - P3 Prototype for Tologix

Thanks

Apr 23, 2018 at 3:19 PM Notified 8 people

Morgan Maguire, CEO

Great. Thanks

Kevin

. Makes sense to me.

Anil

, please proceed with implementing the templates.

Morgan

Apr 23, 2018 at 5:04 PM Notified 8 people

Ryan Knuth, Customer Support Manager

Anil

,

Could you pleases give us a timeline for implementation of the templates?

Thanks!

Ryan

Apr 24, 2018 at 4:55 PM Notified 8 people

Anil Vaghela

Hello

Ryan

and

Morgan

,

We have started to integrate new design templates. This implementation will take at least 3 weeks as we require to do few changes as coding level also for the new slider used in compare documents module.

Apr 25, 2018 at 9:08 AM Notified 8 people

Morgan Maguire, CEO

Great. Thanks

Anil

. We'll work with that timeline.

Morgan

Apr 25, 2018 at 8:30 PM Notified 8 people

Anil Vaghela

Hello

Morgan

and

Ryan

,

As per the new design the left side filter controls are also different from the controls we have implemented. Please see attached screehshots.

We are assuming that we need to keep the existing filter controls as it is and don't require to implement the newer ones given in the new design. If we will implement the newer ones will require additional efforts. Please suggest.

2.jpg 102 KB • Download

1.jpg 158 KB • Download

Apr 27, 2018 at 6:36 AM Notified 8 people

Ryan Knuth, Customer Support Manager

Hi Anil. I'll let Morgan decide which filter style he prefers, but I am OK with leaving as is.

Thanks!

Ryan

Apr 27, 2018 at 1:06 PM Notified 8 people

Morgan Maguire, CEO

Anil

and

Ryan

,

The current filters looks good to me. From the screenshot above, they look similar to the ones we've introduced to the FTS in ISLG. However,

Stefanie

Melissa

, could you please weigh in?

Also, would it be possible to get a link and login for the front-end site?

Thanks,

Morgan

Apr 27, 2018 at 5:02 PM Notified 8 people

Stefanie Gibson, UX Researcher

Morgan

yes, they are the same ones as we have in FTS. Kevin's do look a lot nicer and have a nice animation, but there's no big problem with using the ones you have in there now.

Apr 27, 2018 at 5:12 PM Notified 8 people

Morgan Maguire, CEO

Ok. Thanks

Stefanie

. I agree that the animation Kevin provided is better, but the current version allows us to deal with longer list more easier.

Anil

, let's go with the current version; however, would it be possible to integrate some of the animation in Kevin's template as well?

Morgan

Apr 27, 2018 at 9:20 PM Notified 8 people

Anil Vaghela

Ok Thanks

Morgan

!

We will check for the animations and let you know.

May 01, 2018 at 8:37 AM Notified 8 people

Kevin Andrews

Anil

Morgan

http://tologix-p3-inventory.s3-website.ca-central-1.amazonaws.com/document-list.html

I have changed the functionality of the filters on this page to use the same library used on the existing application http://p3lg.tologix.com/Home/Search?tagId=62&tagIdList=0 (styled to look like the new design)

If the dropdown list of filters is longer than ~6 items it will scroll independently.

This should be pretty simple to implement as it should only require a basic select box with the class 'form__sumo'.

<div class="form__group form__group--sumo">
  <select id="select-jurisdiction" class="form__input form__sumo" placeholder="Search Jurisdiction" multiple>
    <option value="j-1">Search Facet 1</option>
    <option value="j-2">Search Facet 2</option>
    <option value="j-3">Search Facet 3</option>
    <option value="j-4">Search Facet 4</option>
    <option value="j-5">Search Facet 5</option>
    <option value="j-6">Search Facet 6</option>
  </select>
</div>

I included the sumo select library in the footer of the document included before my custom javascript
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery.sumoselect/3.0.2/jquery.sumoselect.min.js"></script>

and the libraries stylesheet in the <head> before my custom css
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/jquery.sumoselect/3.0.2/sumoselect.min.css">

sassquatch.min.js 15.4 KB • Download

sassquatch.min.css 66 KB • Download

unminified-scripts.zip 7.35 KB • Download

May 01, 2018 at 2:32 PM Notified 8 people

Anil Vaghela turned on public link sharing for this message on May 03, 2018 at 10:43 AM

Anil Vaghela turned off public link sharing for this message on May 03, 2018 at 10:45 AM

Anil Vaghela

Hello All,

We have integrated new design on demo server. We are still testing the functionality with the new design. Meantime you can check the site and give your initial feedback.

May 14, 2018 at 2:03 PM Notified 9 people

Morgan Maguire, CEO

Glad to hear it

Anil

. Assuming

Ryan

confirms that everything looks good. Could you confirm when all the testing data has been removed from the system. I'd like to start my testing with a clean slate.

Also, I'll need a brief orientation on how to use the system, particularly with regards to uploading PDF for HTML conversion and setting up the ToC.

Ryan

, could we do this during our call on Wednesday?

Thanks,

Morgan

May 14, 2018 at 4:59 PM Notified 9 people

Anil Vaghela

Hello

Morgan

,

We have cleared database so that you can start testing. Meantime, we will do some more testing as well as work on few pending items.

May 16, 2018 at 2:15 PM Notified 9 people

Morgan Maguire, CEO

Ok. Great. Thanks

Anil

Ryan

, perhaps we can setup a GoToMeeting for our call this morning so that you can tour me through the site a bit before I start my testing.

Thanks,

Morgan

May 16, 2018 at 2:38 PM Notified 9 people

Ryan Knuth, Customer Support Manager

Sounds good

Morgan

. Would it be possible for you to create the meeting? It looks like someone else has a meeting scheduled at the same time on our account.

Ryan

May 16, 2018 at 3:00 PM Notified 9 people

Morgan Maguire, CEO

Will do. I'll send you an invite shortly.

Morgan

May 16, 2018 at 3:43 PM Notified 9 people