Using standard markup in the form of snippets for solving various tasks

The platform has some special markup snippets to facilitate the implementation of some functions.

Installing the PWA application via the link

<a href="#" class="as-pwa-install">Install</a>

Displaying youtube videos in a modal window

<a href="#" class="as-youtube" data-itemid="reCjV565_7M" data-title="Falcon Space">
   <i class="fab fa-youtube"></i> Video

In the ItemId, we set the video ID (it can be taken from the video URL to YouTube)

Loading a table/form by link

<a href="#" class="as-table-link" data-code="watch_table" data-itemid="" data-target="#div1" data-mode="append" data-hidelink="1">Loading a table into a container #div1</a>

<div id="div1" class="bg-info p-3">
  The container where the table will be added by clicking on the element

More -

By analogy, the form is loaded by a link (as-form-link class)

Output of a table/form in a modal window

Table in the modal window: 

<a href="#" class="as-table-modal" data-code="profile" data-itemid="11" data-big="1" data-slideout="2">Show table</a>

More -

Modal form: 

<a href="#" class="as-form-modal" data-code="profile" data-itemid="11" data-big="1" data-btntext="Сохранить">Show Form!</a>

More -

Displaying markup in a modal window 

<a href="#" class="as-modal" data-title="Title 1" data-content="<p class='lead'>Text 1</p>" data-big="1" data-slideout="2">Modal link</a>

More -

Displaying content or a form in a pop-up context window (popover)

<a href="#" class="as-popover btn btn-light" data-content="" data-title="Window Title" data-trigger="manual" data-type="primary" data-size="lg" data-formcode="newForm" data-formitemid="">Show form</a>

If the form is not needed, then we use only the content attribute, and do not specify the formCode

Note  -

Displaying a list of images with the ability to view a large image in a modal window

<div class="as-lightbox">
	<a href="#" class="as-lightbox-item" data-title="Таблицы" data-url="/uploads/land/intro/c1.jpg">
       	<img alt="" src="/uploads/land/intro/c1-thumb.jpg">
	<a href="#" class="as-lightbox-item" data-title="Таблицы" data-url="/uploads/land/intro/c1.jpg">
       	<img alt="" src="/uploads/land/intro/c1-thumb.jpg">

Printing a certain part of the page

<a href="as-print" data-cont=".class1">Print</a>

If you need the entire page, then specify in cont=body

Smooth transition to a certain block on the page

<a href="#cont1" data-duration="400" data-shift="100">Go to cont1</a>

duration specifies the number of ms for scrolling to the place.

href sets the selector of the container to which the transition will be made

shift sets the vertical offset in pixels from the target element when scrolling 

Falcon Space is a functional web development platform on a narrow stack MS SQL/Bootstrap. Falcon Space Gettting started

Falcon Space Platform

This is a reduction in the cost of ownership

at the expense of fewer people to support

This is a quick change

while using the program

This is a modern interface

full adaptation for mobile devices