Flowcode Support Board

Hello, in Flowcode Web programming, how do you add multiple web pages? Greeting!

Currently, the best way is to create separate web apps for each page.

In this case, to create links or redirects between pages, you would need to set up additional links via an intermediary page that you have pre-established.

Not necessarily. You could have links in your own Web Developer app just as easily. For example, see the attached project.

On the panel I have added a single label called "lblWebLink". This has no text, but I have given it a background colour so you can locate it. I have used a trick in the "Custom Attributes" property to turn this into a link. This property puts custom text into the <div> tag for the object and allows you to extend its behaviour using extra html attributes or elements.

To create this link, I have entered the following:
When this is added to the <div> tag of the label in the generated page, it first closes the <div> tag and then adds a new <a> element with that actual link and corresponding text. The 'target' and 'rel' entries force the link to open in a new tab.

When this Custom Attribute property is added to the html output, we get something similar to the following:

I have highlighted the text from the Custom Attributes so you can see how it combines with the normal Flowcode-generated object.

Note that the link itself could be relative - e.g. href='./page1.html' - which would allow multiple Web Developer apps to open each other.

To make this easier, I will try to find the time to create a new component for creating a link like this.

Why is it written like this?
><a href='https://www.flowcode.co.uk' target='_blank' rel='noopener noreferrer'>click this link</a

Rather than writing it this way?
<a href='https://www.flowcode.co.uk' target='_blank' rel='noopener noreferrer'>click this link</a >

Regards.

Oh, looking at your post again, I think I understand now, thanks!

The first ">" closes the 'div' tag and then the final "/a" is left open. This is because Flowcode puts this custom text within the "<div .... >" tag.

I have made the attached component which should make this easier. To try the component:

• Browse to this location using file explorer (copy it into the address bar)

  Code: Select all

  %ProgramData%\MatrixTSL\FlowcodeV10\Components

• Place the attached component.
• Open Flowcode and open or create a new Web Developer project

This component is unofficial at the moment, but we will add it probably next week once we have tested it further.

I gave it a try, and it's very convenient, super awesome, thumbs up!