Jump to content

Forums

PERSCOM.io Widgets Released


Recommended Posts

  • Administrators

We are happy to announce we have released the first version of the new PERSCOM.io widget. These widgets are a collection of HTML code snippets that can be added to websites to display your PERSCOM.io information. Currently, available widgets include a roster, awards, and ranks widget. Each of these widgets displays a table of your personnel, awards, and ranks, respectively. What does this mean for you? If you have an account at https://perscom.io, you can display your data on any website. This includes WordPress, Wix, Invision Community, GoDaddy, or any other major website builder out there. Visit our documentation to learn more.

Development: For those with software development experience, specifically with frontend frameworks such as React, our widget software is open source. Check it out to start contributing alongside us. What does this mean for you? As a client of PERSCOM.io, you have the ability to customize how you want your data to be displayed, played out, customized etc. 

Sign up for PERSCOM.io: Click here

View widget documentation: Click here

View Github project: Click here

Sample widget code snippet:

<div id="perscom_widget_wrapper">
    <script
        id="perscom_widget"
        data-perscomid="PERSCOMID"
        data-apikey="APIKEY"
        data-widget="roster" 
        src="https://widget.perscom.io/widget.js"
        type="text/javascript"
    ></script>
</div>

Happy widgeting!

Owner
Deschutes Design Group LLC
email | jon@deschutesdesigngroup.com

Link to comment
Share on other sites

This is fantastic!
Question, do you know why it may not be picking up all of the awards?
Also, the roster looks amazing, have another question.

When i put the roster on it looks great, and there is a link for personnel file, but when i click on it, it takes me to an organization not found page. 

Screen Shot 2023-02-04 at 8.17.56 PM.png

Screen Shot 2023-02-04 at 8.18.03 PM.png

Link to comment
Share on other sites

Sweet that would be awesome. I love the platform. Would love more of what it looks like on the invision side. Mainly personnel files, and abilities to have them enlist right to perscom and it creates a user. Those two things would be game changers. 
 

a couple other wish list items would be to have weapons and admin positions to separate like the invision side. 

Link to comment
Share on other sites

Hey,

Is it possible to make it so users and units can be manually moved around in the roster widget? As an example, I'd like to show user "Elmstrom" above user "Hudson" and move unit "Tactical Developments and Evaluations Group 2" above unit "Combat Applications Group."pp4EUo9.png

Link to comment
Share on other sites

  • Administrators
1 hour ago, Mighty said:

Hey,

Is it possible to make it so users and units can be manually moved around in the roster widget? As an example, I'd like to show user "Elmstrom" above user "Hudson" and move unit "Tactical Developments and Evaluations Group 2" above unit "Combat Applications Group."pp4EUo9.png

Yes, the users and unit will reflect their order in the admin panel. We just haven’t implemented that for the widget yet. But yea you will be able to sort by unit, rank, position and specialty. 

  • Like 1

Owner
Deschutes Design Group LLC
email | jon@deschutesdesigngroup.com

Link to comment
Share on other sites

  • 2 weeks later...
  • Administrators

This is not a pagination issue. This is your parent div not expanding properly on the website. You need to add CSS to the perscom_widget_wrapper and set the height to something that properly fits the widget. This is in our docs under Customization. 

https://docs.perscom.io/external-integration/widgets

Owner
Deschutes Design Group LLC
email | jon@deschutesdesigngroup.com

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.