Lowdefy
  • Introduction
  • Tutorial
    • Getting started
    • Creating a page
    • Adding blocks
    • Interactive pages
    • Requests
    • Deploy to Netlify
    • Next steps
  • How To
    • Generate CSVs
    • Generate PDFs
  • Concepts
    • Overview
    • The CLI
    • Lowdefy App Schema
    • Context and State
    • Blocks
    • Layout
    • Connections and Requests
    • Events and Actions
    • Operators
    • Secrets
    • Lists
    • Hosting Files
    • Custom Code
    • Custom Blocks
  • Deployment
    • AWS Lambda
    • Docker
    • Netlify
    • Node.js
  • User Authentication
    • Introduction
    • OpenID Connect
    • Login and Logout
    • Protected pages
    • User object
    • Roles
  • Input Blocks
    • AutoComplete
    • ButtonSelector
    • CheckboxSelector
    • CheckboxSwitch
    • ChromeColorSelector
    • CircleColorSelector
    • ColorSelector
    • CompactColorSelector
    • DateRangeSelector
    • DateSelector
    • DateTimeSelector
    • GithubColorSelector
    • MonthSelector
    • MultipleSelector
    • NumberInput
    • Pagination
    • ParagraphInput
    • PasswordInput
    • RadioSelector
    • RatingSlider
    • S3UploadButton
    • Selector
    • SliderColorSelector
    • SwatchesColorSelector
    • Switch
    • TextArea
    • TextInput
    • TitleInput
    • TwitterColorSelector
    • WeekSelector
  • Display Blocks
    • Alert
    • Anchor
    • Avatar
    • Breadcrumb
    • Button
    • DangerousHtml
    • DangerousMarkdown
    • Descriptions
    • Divider
    • EChart
    • Html
    • Icon
    • Img
    • Markdown
    • MarkdownWithCode
    • Menu
    • Message
    • MobileMenu
    • Notification
    • Paragraph
    • Progress
    • Statistic
    • Title
  • Container Blocks
    • Affix
    • Badge
    • Box
    • Card
    • Collapse
    • Comment
    • ConfirmModal
    • Drawer
    • Label
    • Modal
    • Result
    • Span
    • Spin
    • Tabs
    • Tooltip
  • Context Blocks
    • Context
    • PageHCF
    • PageHCSF
    • PageHeaderMenu
    • PageHSCF
    • PageSHCF
    • PageSiderMenu
  • List Blocks
    • ControlledList
    • List
  • Connections
    • Amazon Redshift
    • Amazon S3
    • Axios HTTP
    • Elasticsearch
    • Google Sheets
    • Knex
    • MariaDB
    • MongoDB
    • Microsoft SQL Server
    • MySQL
    • PostgreSQL
    • SendGrid Email
    • SQLite
    • Stripe
  • Actions
    • CallMethod
    • JsAction
    • Link
    • Login
    • Logout
    • Message
    • Notification
    • Request
    • Reset
    • ResetValidation
    • ScrollTo
    • SetGlobal
    • SetState
    • Throw
    • Validate
    • Wait
  • Operators
    • _actions
    • _and
    • _args
    • _array
    • _base64
    • _change_case
    • _date
    • _diff
    • _divide
    • _eq
    • _event
    • _format
    • _function
    • _get
    • _global
    • _gt
    • _gte
    • _hash
    • _if
    • _if_none
    • _index
    • _input
    • _js
    • _json
    • _list_contexts
    • _location
    • _log
    • _lt
    • _lte
    • _math
    • _media
    • _menu
    • _mql
    • _ne
    • _not
    • _number
    • _nunjucks
    • _object
    • _operator
    • _or
    • _product
    • _random
    • _ref
    • _regex
    • _request
    • _secret
    • _state
    • _string
    • _subtract
    • _sum
    • _switch
    • _type
    • _uri
    • _url_query
    • _user
    • _uuid
    • _var
    • _yaml
  • Lowdefy Versions
    • v3.23.3
    • v3.22.0
    • v3.21.2
    • v3.20.4
    • v3.19.0
    • v3.18.1
    • v3.17.2
    • v3.16.5
    • v3.15.0
    • v3.14.1
    • v3.13.0
    • v3.12.6
v3.23.3/Actions/Link/

Link

(pageId: string): void
(params: {
  back?: boolean,
  home?: boolean,
  input?: object,
  newTab?:boolean,
  pageId?: string,
  url?: string,
  urlQuery? object
}): void

The Link action is used to link a user to another page. An input can be passed to the next page using either the urlQuery, which is visible to the user, but persists if the browser is refreshed, or by using the input object, which is not visible to the user.

Parameters

string

The pageId of a page in the app to link to.

object
  • back: boolean: Go to the previous page if true (has the same effect as using the browser back button).
  • home: boolean: Link to the home page. This is either the configured public or authenticated homepage, or the first page in the default menu visible to the user.
  • input: object: Object to set as the input for the linked page.
  • newTab: boolean: Open the link in a new tab.
  • pageId: string: The pageId of a page in the app to link to.
  • url: string: Link to an external url.
  • urlQuery: object: Object to set as the urlQuery for the linked page.

Examples

Shorthand, only specify pageId as string:
- id: shorthand
  type: Link
  params: my_page_id
Specify pageId:
- id: link_page_id
  type: Link
  params:
    pageId: myPageId
Link to home page:
- id: link_home
  type: Link
  params:
    home: true
Link to an external url:
- id: link_url
  type: Link
  params:
    url: www.lowdefy.com
Open a link in a new tab:
- id: link_new_tab
  type: Link
  params:
    pageId: my_page_id
    newTab: true
Set the urlQuery of the page that is linked to:
- id: link_url_query
  type: Link
  params:
    pageId: my_page_id
    urlQuery:
      id:
        _state: id
Set the input of the page that is linked to:
- id: link_input
  type: Link
  params:
    pageId: my_page_id
    input:
      id:
        _args: row.id
Go to the previous page:
- id: link_back
  type: Link
  params:
    back: true

Was this helpful?

😭
😟
😊
😀

Build internal tools with YAML.

hello@lowdefy.com

Subscribe to our newsletter

Receive the latest Lowdefy updates in your inbox.
Why Lowdefy
Quick Start Tutorial
Deploy to Netlify
How Lowdefy Works
Github Repository
Version Changelog
Apache-2.0 License
© 2021 Lowdefy, Inc. - Give. Easy. Value.