topic Re: How to change the CSS for Alteryx Buttons in Dev Space

How to change the CSS for Alteryx Buttons

sjoseph1848 — Wed, 15 Aug 2018 20:47:46 GMT

I am using V2 for Alteryx: document.write('<link rel="import" href="' + window.Alteryx.LibDir + '2/lib/includes.html">')

I am attempting to align and display inline buttons. I would like to have the buttons show up on the right side of the page and next to one another. I am having difficulties getting the correct element that controls the buttons for Alteryx widgets.

Has anyone attempted and succeeded at this feat?

Re: How to change the CSS for Alteryx Buttons

PaulN — Thu, 16 Aug 2018 15:11:57 GMT

Hi @sjoseph1848,

Just to confirm, are you trying to do something like the following ?

        <div style="text-align: right;">
            <ayx data-ui-props='{ type: "Button", widgetId: "NextButton1", label: "Next", onClick:Next}'></ayx>
            <ayx data-ui-props='{ type: "Button", widgetId: "Previous", label: "Previous", onClick:Previous }'></ayx>
        </div>

Thanks,

Paul Noirel

Sr Customer Support Engineer, Alteryx

Re: How to change the CSS for Alteryx Buttons

JessicaS — Thu, 16 Aug 2018 15:24:41 GMT

Hi @sjoseph1848,

Moderators note here: I moved this post over to the dev space section of community for greater visibility

Re: How to change the CSS for Alteryx Buttons

sjoseph1848 — Thu, 16 Aug 2018 18:54:59 GMT

That was very close and does move them to the left, right or center, but I am unable to get them to "display:inline" with one another as well:

Re: How to change the CSS for Alteryx Buttons

PaulN — Fri, 17 Aug 2018 11:10:35 GMT

Hi @sjoseph1848,

Sorry but I am not sure to understand correctly what you are trying to achieve. Would you have an example or mockup please?

Thanks,

Paul Noirel

Sr Customer Support Engineer, Alteryx