Create button/action that leads to external site; list view

Knack Community
1

How do I get from here… (screenshot of app page)

JobPostingNow
JobPostingNow911×412 37 KB

to here?! (created in photoshop) using custom CSS?

JobPostingHere
JobPostingHere921×452 35 KB

I am building a jobs posting app and I want to create an “Apply for this job” button in my list view that takes users to an external site (the job applications that are not hosted in Knack, but on Indeed, LinkedIn, etc.). I want the button to be tied to the record field that will have the link information.

Job application links can be rather long, so I want to hide the long links behind an “Apply for this job” button. I already have the CSS code for the look of the button. What I need is the CSS code to properly link the information from field to page view.

I know this will need custom CSS and I am having trouble finding a solution in the forms. Any developer help is appreciated. I am clearly not one.

2

Hi @Samantha

I think you can do most of this without css.

  1. Add an action link to the details view.
    image
    Trigger an Action

  2. Select the action link and edit the link text:
    image

  3. Select redirect to another website URL
    image

  4. Toggle the Use Custom Design Settings
    image

  5. Select “Fill”:
    image

  6. Select The size of the button:
    image

  7. Edit the colours and whether you’d like rounded edges or the button to be raised:
    image

image

You could use CSS to refine the button.
Hope this helps.

Craig

3

Hi Samantha

I’ve mis-read your request I’ll reply tomorrow with your solution.

Sorry