Resolved Place Wager Link

[EasyEazy]

Bob

Is there a way to add a button to the "Place Wager" link? I have added a screenshot as an example. Id like to make it the same as the "Add Outcome" or "Watch" buttons.

 

[Bob]

You'd have to edit template(s) and add the CSS class 'button' to the a href tag for those links and then wrap the text output part of the a href in a span with the CSS class 'button-text'

Something like this might work (might not).

Find this block of template syntax (appx lines 99-103) in the template: xa_sb_outcome_macros

                                    <xf:if is="$outcome.canPlaceWager()">
                                        <a href="{{ link('sportsbook/outcome/place-wager', $outcome) }}"
                                            class="actionBar-action actionBar-action--wager"
                                            data-xf-click="overlay">{{ phrase('xa_sb_place_wager') }}</a>
                                    </xf:if>

Replace that block of template syntax with this block of template syntax:

                                    <xf:if is="$outcome.canPlaceWager()">
                                        <a href="{{ link('sportsbook/outcome/place-wager', $outcome) }}"
                                            class="actionBar-action actionBar-action--wager button"
                                            data-xf-click="overlay"><span class="button-text">{{ phrase('xa_sb_place_wager') }}</span></a>
                                    </xf:if>

If done correctly, it should look like this...

 

[EasyEazy]

Worked a treat @Bob. Ill keep this thread handy for when I move to XF 2.2