Jump to content

Rob Bedeaux

Administrators
 View Profile  See their activity

  • Posts

    262

  • Joined

  • Last visited

  • Days Won

    9

 Content Type 

Posts posted by Rob Bedeaux

    Registration: Using Core Profile Data

    in Pro Tips

    Posted

    When creating a new registration, best practices are to use the Core Profile Data. When you use the profile data questions, that information is automatically synced over to each member's profile thereby keeping your member directory up to date. 

    There are two groups of profile data that you can choose from. They are Min Fields and All Fields. 

    SE Profile - Participant (Min Fields)

    • First Name
    • Middle Name
    • Last Name
    • Date of Birth
    • Gender

    SE Profile - Participant (All Fields)

    • First Name
    • Middle Name
    • Last Name
    • Date of Birth
    • Gender
    • Phone
    • Additional Phone
    • Email
    • Email Address 2
    • Address
    • Address 2
    • City
    • State / Province
    • Zip / Postal Code
    • Country
    • Player Image

    We recommend that you use the All Fields version. You can choose whether to require a field or not once it is added to the form. 

    Website: Adding your program listings to your website

    in Pro Tips

    Posted

    You can now easily add your program listings from SportsEngine.com to your own website (Sitebuilder or otherwise) by using our configuration tool https://findsports.sportsengine.com/generator/.

    To set up the widget, follow these steps.

    1. Go to https://findsports.sportsengine.com/generator/
    2. In the embed wrapper id field, enter the name of your div. I generally use our-programs
    3. Set the embed width to 100%
    4. Choose a title. Since they are your organizations programs, something like Programs by {organization_name}
    5. If you are using Sitebuilder, check 'Use GTM Data Layer Search Parameters'
    6. Set the default location to your city and state
    7. Scroll down to Listing Type and choose 'Programs'
    8. Only check 'Program Filter' under 'Enabled Filters'
    9. Choose 'Pagination' under 'Enabled Display Features'
    10. Under Business Name, type in the name of your organization.
    11. Click generate. You should see a code block appear that starts with <script…> and ends with </script>
    12. Copy this code block and go to the page on you want to put it on on your Sitebuilder site–I think the right side of the home page is a great place.
    13. Make sure you are logged in and in 'Edit Mode' and click on the 'Options' tab.
    14. Choose 'Edit <head> Code' and paste the code from step 12 into that field.
    15. Last step, go to the container and column you'd like to place the widget and add a 'Code' element.
    16. In the code element, type <div id='our-programs'></div> (or whatever you called it in step #2
    17. Save and click back into user mode. You now will have a dynamic list of all the programs you create on your website

     

     

    Program Widget.png

    pre-defined list of Locations

    in SportsEngine Mobile

    Posted

    Hello nhjms,

    Thanks for the question and great timing on it! We have just released a bunch of new functionality around managing your sports season. One of those new features is conflict checking for venues (along with a long list of other features!). If you are already using the SportsEngine HQ platform, I encourage you to reach out to your account manager if you are interested in test driving our new season management tools. Otherwise, look for an upcoming release later this year.

    thanks,

    -rob

    • Thanks 1

    Capping registration numbers

    in Registration

    Posted

    Hi LHBRB,

    The term used in SportsEngine HQ is "inventory." You can set a max inventory on a store item which, when reached, will not allow for more folks to sign up. Here is a quick help article that covers how to adjust inventory on store items.

    We also have a longer and more in depth article that covers all aspects of setting up a new registration (including late fees and early bird registrations) that can be found here. 

    thanks and good luck this season!

    Font Color

    in Website Management

    Posted

    OK. Got it.

     

    You can use this CSS code snippet.

     

    <style>
.site-body {
color: red;
}
</style>

     

    You can use a specific color name or you can enter a hex code. 

     

    If you want it to apply across the entire site, you need to enter it on the top-level page of each top-level navigation in your menu in the section called "Cascading <HEAD> Code:"

     

    It will then cascade down to each page below that in the tree.

    • Like 1

    Font Color

    in Website Management

    Posted

    Hi Jeff and Coach Mike,

     

    Question for you. Which specific elements are you trying to color? While there isn't a way to do them en masse via a setting, CSS is always available. If you've got some specific elements, I can give you a hand with what the CSS should look like.

     

    thanks

     

    -rob

    • Like 1

    Header Spacing

    in Website Code Library

    Posted

    Hi Isaac,

     

    This is a simple update. You are on the Epic theme and it uses a DivID to define that. In the cascading header code (for each page on your top nav), add this code into your code before the </style>

     

    Here is the code:

     

     

    div#siteHeader {
margin-top: 0px
}

     

    This sets it to zero, but you can adjust the space if you want a little bit just change the 0px

    Activating a tab when loading a page

    in Website Code Library

    Posted

    Occasionally, you'll want to open a page and show a tab on the tab element that isn't necessarily the first tab. There isn't a built in way to set the tab when a page loads, but with a little Javascript magic, you can accomplish this. It isn't pretty, but here you go!!

     

    Take the code block below and insert it onto the page (I like sticking it on a tab in the tab element so it doesn't get 'lost.'

     

    You can now use a query string in the URL to target a specific tab. For example, if I have a tab with three tabs called Red, Blue, and Yellow and I want to target the tab yellow I would input in the URL something like this http://www.mysite.com/mypage/?tab=Yellow.

     

    A couple of notes—if you have multiple tabs with the same name, it will set them all to the same tab. Set the Code Element title so you remember what this does!

     

     

    <script>
function getParameterByName(name) {
name = name.replace(/[\[]/, "\\[").replace(/[\]]/, "\\]");
var regex = new RegExp("[\\?&]" + name + "=([^]*)"),
results = regex.exec(location.search);
return results === null ? "" : decodeURIComponent(results[1].replace(/\+/g, " "));
}
$j(window).load(function() {
var selectedTab = getParameterByName("tab");
if (selectedTab !== "") {
$j("ul.layoutContainerTabs span a:contains(" + selectedTab + ")").click();
}
})
</script>

     

    A couple notes for anyone following along or using the script listed above:

     

    1. Be sure to clear the cache (both from your browser and the Sport Ngin page you just added this code to), otherwise it'll look like it doesn't work.
    2. The query string is case-sensitive. In this case, linking to http://www.mysite.com/mypage/?tab=Yellow will work just fine while http://www.mysite.com/mypage/?tab=yellow will bonk. That is, unless you actually named your tab "yellow" (in lowercase).

     

    • Like 1

    Creating Private Roster Pages

    in Season Management

    Posted

    Hey Greg,

     

    So you can't quite do what you're asking but there are other ways to skin a cat! So what I would do is make the entire page private and then create a general page called Varsity which you'll make public. You can then use the sports widgets and place whatever content you want on the public page--you can use game widgets, roster widgets, article or whatever. Using the tab element you can even mimic fairly close the layout of the team page.

     

    -rob

    • Like 1

    HOW DO I ACCESS "EDIT MODE" ON MOBILE WEB BROWSER

    in General Discussion

    Posted

    Hey all,

     

    Regarding the devices you can access edit mode on is based on the display size only. The display must be 768 points wide regardless of the actual device. This generally means tablet or larger. However, some non-iPhones do display a larger number of points.

     

    See the following article for some information on px vs points on an iPhone. Executive summary: iPhone 6 Plus is only 746 points horizontally. 

     

    http://www.paintcodeapp.com/news/iphone-6-screens-demystified

     

    -rob

    Making a site container background transparent

    in Website Code Library

    Posted

    Looking to make the background container of your site semi-transparent? With a little CSS you can do that. Try out this bit in the head code of your site. To adjust the color the first three numbers are the RGB base color, in this case white and the last number is the opacity in decimal percentages, in this case 90% opaque.

     

    Since you are using custom code and overriding site styles, use at your own risk and your mileage may vary!

    For Itasca

    <style>
#siteContainer {
background: rgba(255,255,255,0.9); 
}
</style>

     

    For Nokomis

    <style>
#yieldContent.row {
background: rgba(255,255,255,0.9); 
}
</style>

    HOW DO I ACCESS "EDIT MODE" ON MOBILE WEB BROWSER

    in General Discussion

    Posted

    Hi Jay,

     

    Unfortunately, you cannot edit the layout or content within a page layout from a mobile device. However, there are several other options at your disposal for updating folks about weather events using the mobile app.

     

    1. From the mobile app, if you update the status of a game from scheduled to postponed (or any status) all team members will get a push notification.
    2. From the mobile app, you can send out an message to all members of a team and that will show up via push notification, email and if the parent has enabled it, text message.
    3. From your user dashboard, if you have a public group of your members, you can then send a message to everyone that is in that group. (http://help.sportngin.com/customer/portal/articles/619369) 

    Now, with that said, we are looking at ways to simplify the process of handling rain delays and other situations that would cause a bunch of games to be changed at once. 

     

    thanks,

     

    -rob

    image1.thumb.PNG.b5d98d7f4867b361d01c9cee77348c06.PNG

    Push_Notification.jpg.1cdd0199eae9c2aedcd66dfbcab4a694.jpg

    Game_Status.thumb.PNG.bc73f860a7ba5738d3453a8bb2813a57.PNG

    The Code Element

    in Website Code Library

    Posted

    The code element is the most flexible element in your Sitebuilder toolbox and should always be handled with care. It has great power! With the code element, you can do things like embed and iFrame, add custom CSS to an element, embed additional Javascript, and even write a small app! This forum is to provide any tips or neat code snippets you've created over the years.

     

    Remember, handle with care!!

    Creating Private Roster Pages

    in Season Management

    Posted

    Hi Folks,

     

    Just wanted to let you all know about a great new feature available for your teams. We have added the ability to create private roster pages, but still leave your team, stats, and standings page public. This allows you to easily protect the privacy of your youth athletes. To adjust the privacy settings, go to the Tool Settings and under Rosters/Photo/Videos, there is now a drop down called 'Status'. There are three options

    1. Inherited—this is the default which means that the privacy settings are taken from the team page 
    2. Private—this is the new settings which will only show that tab to players roster on team, parents and linked accounts. 
    3. Disabled—hide the tab entirely
    Any questions or comments? Just reply to this thread! 

     

    thanks,

     

    -rob

×
×
  • Create New...