Extract to Web Block
2190
Views
43
Comments
On our RadarOn our Radar
Frontend (App Interfaces)

When the screen has too much information and the performance starts to decrease one of the options we have is to create a web block with some of that information and do a lazy load.


It would be nice to have something similar to "Extract to action" where you can select the elements in the screen and "Extract to Web Block".  

In case of a table, it would: 

- Remove the query from the preparation of the screen into the preparation of the Web Block;
- Remove the actions from the screen into the Web Block;
- Remove the selected elements into the Web Block;
- Add the necessary input parameters to the Web Block.

Changed the category to
Service Studio

Good Idea :)

2020-02-04 07-58-31
Matthias Preuter
mvp_badge
MVP

YES! must have Idea!

2020-02-04 07-58-31
Matthias Preuter
mvp_badge
MVP

Also add the notification for return values; when necessary .

That would be nice. Boosts productivity and performance. ;-)

Sounds good. 

But then developers need to be careful after Exporting because they need to handle OnNotify actions, screen ajax refresh logic and check if everything is working fine or not.

Also if they are selecting any element of Form, they should not do because Form will become one element and same applicable for other elements which are nested.

@Suraj

In the first case, service studio would generate an error because you would have to fill in the onNotify of the web block. 

Most probably some work would still have to be done after using this functionality but you would get rid of the monkey work.

Changed the category to
Frontend
and the status to
On our RadarOn our radar

Nice idea Ricardo ;)

By the way, out of curiosity..

If you are extracting some UI with a button connected to screen actions, were you expecting to extract the UI only having to connect the logic or also having the logic extracted?

Cheers

@Vasco,
I would expect that also the actions and logic would be extracted from the screen to the web block

Cheers

Merged this idea with 'Extract to Webblock' (created on 22 Oct 2018 13:34:45 by João Melo)
2018-05-06 02-00-13
João Melo
mvp_badge
MVP

Just like we can do within an Action with "Extract to Action" feature (P10 +), it would be great if we could extract a container or a group of elements in a web or mobile screen to an webblock.



This comment was:
- originally posted on idea 'Extract to Webblock' (created on 22 Oct 2018 by João Melo)
- merged to idea 'Extract to Web Block' on 22 Oct 2018 14:26:17 by Vasco Pessanha
Merged this idea with 'Convert Container/WebScreen selected elements to Web Block' (created on 05 Dec 2018 17:11:53 by Rafael Fantato)
2019-04-17 20-48-44
Rafael Fantato
mvp_badge
MVP

Similar to what you guys did to actions, to encapsule some part of flow code to a new action, it would be great to do same with some part of the content.

Today we need to copy / paste to a new web block.



This comment was:
- originally posted on idea 'Convert Container/WebScreen selected elements to Web Block' (created on 05 Dec 2018 by Rafael Fantato)
- merged to idea 'Extract to Web Block' on 05 Dec 2018 17:14:03 by Vasco Pessanha

Hey Rafael,

There already is an idea for that:
https://www.outsystems.com/ideas/4905/Extract+to+Web+Block?IsFromAdvancedSearch=True


Consider searching for existing ideas before creating new ones!

Keep the ideas coming :)



This comment was:
- originally posted on idea 'Convert Container/WebScreen selected elements to Web Block' (created on 05 Dec 2018 by Rafael Fantato)
- merged to idea 'Extract to Web Block' on 05 Dec 2018 17:14:03 by Vasco Pessanha
2019-04-17 20-48-44
Rafael Fantato
mvp_badge
MVP

Hey Vasco, I searched, but I didn't use the term "Extract", so it wasn't found. I tryed some variations, but with no success.

Merged this idea with 'Extract to Web Block like Extract to Action' (created on 28 Nov 2019 11:21:08 by Carlos Alexandrino)

I would like to have the option of extracting a part of a web screen to a new web block, just as I can extract parts of an action for a new action.



This comment was:
- originally posted on idea 'Extract to Web Block like Extract to Action' (created on 28 Nov 2019 by Carlos Alexandrino)
- merged to idea 'Extract to Web Block' on 04 Dec 2019 10:03:54 by Magda Pereira
2021-07-14 09-27-32
Luís Cardoso
mvp_badge
MVP

Great ideia!



This comment was:
- originally posted on idea 'Extract to Web Block like Extract to Action' (created on 28 Nov 2019 by Carlos Alexandrino)
- merged to idea 'Extract to Web Block' on 04 Dec 2019 10:03:55 by Magda Pereira

Second this idea




This comment was:
- originally posted on idea 'Extract to Web Block like Extract to Action' (created on 28 Nov 2019 by Carlos Alexandrino)
- merged to idea 'Extract to Web Block' on 04 Dec 2019 10:03:55 by Magda Pereira

wonderful idea.



This comment was:
- originally posted on idea 'Extract to Web Block like Extract to Action' (created on 28 Nov 2019 by Carlos Alexandrino)
- merged to idea 'Extract to Web Block' on 04 Dec 2019 10:03:55 by Magda Pereira
Merged this idea with '"Extract to web Block" option' (created on 26 Feb 2020 05:17:55 by Vikas C)

This idea is for easy development. As we already have one option to "Extract to action"  which converts the selected widget into action for reusability. The same way it can be done has for screens. If we select a few containers or e.g. Filter Wrapper it could able to convert it into a Web block.



This comment was:
- originally posted on idea '"Extract to web Block" option' (created on 26 Feb 2020 by Vikas C)
- merged to idea 'Extract to Web Block' on 24 Mar 2020 14:30:28 by Vasco Pessanha

+1



This comment was:
- originally posted on idea '"Extract to web Block" option' (created on 26 Feb 2020 by Vikas C)
- merged to idea 'Extract to Web Block' on 24 Mar 2020 14:30:28 by Vasco Pessanha
Changed the category to
Service Studio


This comment was:
- originally posted on idea '"Extract to web Block" option' (created on 26 Feb 2020 by Vikas C)
- merged to idea 'Extract to Web Block' on 24 Mar 2020 14:30:28 by Vasco Pessanha

good idea!!!

2020-04-15 12-37-35
Daniël Kuhlmann
mvp_badge
MVP
Merged this idea with 'extract container to webblock' (created on 28 Sep 2020 14:39:45 by Hans Dollen)

just like extracting logic to a new action it would be nice to extract to container containing widgets and logic to a new webblock.




This comment was:
- originally posted on idea 'extract container to webblock' (created on 28 Sep 2020 by Hans Dollen)
- merged to idea 'Extract to Web Block' on 28 Sep 2020 15:41:51 by Daniël Kuhlmann
Merged this idea with '"Extract into Web Block" option for elements inside a Screen, similar to "Extract into Action" option inside Actions' (created on 25 Nov 2020 12:34:08 by Borislav Shumarov)

Currently:

There is no quick option to extract a Web Block from a Screen, when refactoring

Suggestion:

It can appear on right click in the Widget Tree, and it would extract the corresponding front-end elements, as well as members (variables, aggregates and actions) of a Screen, on which the elements depend upon, to the new Web Block.

Alternatively the option can appear on right click, when selecting members (variables, aggregates and actions) of a Screen. As a result, it would automatically extract the corresponding front-end elements to the new Web Block. However, I guess this would be far harder to implement.




This comment was:
- originally posted on idea '"Extract into Web Block" option for elements inside a Screen, similar to "Extract into Action" option inside Actions' (created on 25 Nov 2020 by Borislav Shumarov)
- merged to idea 'Extract to Web Block' on 04 Dec 2020 20:59:46 by Tiago Simões

It really is an excellent idea. It would greatly facilitate the creation of webblocks in various situations, and help maintain some screens.



This comment was:
- originally posted on idea '"Extract into Web Block" option for elements inside a Screen, similar to "Extract into Action" option inside Actions' (created on 25 Nov 2020 by Borislav Shumarov)
- merged to idea 'Extract to Web Block' on 04 Dec 2020 20:59:46 by Tiago Simões
2020-04-15 12-37-35
Daniël Kuhlmann
mvp_badge
MVP
Merged this idea with 'Option to convert selected screen elements/container to webblock (Web and reactive)' (created on 16 Apr 2020 17:19:50 by Abdul quadir Saifee)

Is it possible to create block from selecting container or group of element and create a block by right click. 

like we have option to "extract to action" for  server actions.




This comment was:
- originally posted on idea 'Option to convert selected screen elements/container to webblock (Web and reactive)' (created on 16 Apr 2020 by Abdul quadir Saifee)
- merged to idea 'Extract to Web Block' on 14 Apr 2021 06:42:27 by Daniël Kuhlmann
2020-04-15 12-37-35
Daniël Kuhlmann
mvp_badge
MVP
Merged this idea with 'Convert containers to webblock' (created on 13 Apr 2021 09:40:21 by Nuno Rodrigues)

Give to possiblity to developers to create webblocks from the contextual menu.

The webblock will have the name fo the container.

I how this is possible with copy / paste the container contents to a new webblock, but this is a new to do the same thing faster.




This comment was:
- originally posted on idea 'Convert containers to webblock' (created on 13 Apr 2021 by Nuno Rodrigues)
- merged to idea 'Extract to Web Block' on 14 Apr 2021 06:43:54 by Daniël Kuhlmann

Like the idea. Sometimes I just whiched to have that button to convert from container to block. And then to finish from block to container..



This comment was:
- originally posted on idea 'Convert containers to webblock' (created on 13 Apr 2021 by Nuno Rodrigues)
- merged to idea 'Extract to Web Block' on 14 Apr 2021 06:43:54 by Daniël Kuhlmann

Nice idea! :)



This comment was:
- originally posted on idea 'Convert containers to webblock' (created on 13 Apr 2021 by Nuno Rodrigues)
- merged to idea 'Extract to Web Block' on 14 Apr 2021 06:43:54 by Daniël Kuhlmann
2017-07-05 12-29-35
Carlos Alfaro
mvp_badge
MVP
Merged this idea with 'Convert containers to webblock' (created on 13 Apr 2021 09:40:21 by Nuno Rodrigues)

Give to possiblity to developers to create webblocks from the contextual menu.

The webblock will have the name fo the container.

I how this is possible with copy / paste the container contents to a new webblock, but this is a new to do the same thing faster.




This comment was:
- originally posted on idea 'Convert containers to webblock' (created on 13 Apr 2021 by Nuno Rodrigues)
- merged to idea 'Extract to Web Block' on 15 Apr 2021 11:33:13 by Carlos Alfaro

Like the idea. Sometimes I just whiched to have that button to convert from container to block. And then to finish from block to container..



This comment was:
- originally posted on idea 'Convert containers to webblock' (created on 13 Apr 2021 by Nuno Rodrigues)
- merged to idea 'Extract to Web Block' on 15 Apr 2021 11:33:13 by Carlos Alfaro

Nice idea! :)



This comment was:
- originally posted on idea 'Convert containers to webblock' (created on 13 Apr 2021 by Nuno Rodrigues)
- merged to idea 'Extract to Web Block' on 15 Apr 2021 11:33:13 by Carlos Alfaro
2021-06-09 13-39-17
Agno Silveira
mvp_badge
MVP

Good Idea.

2020-04-15 12-37-35
Daniël Kuhlmann
mvp_badge
MVP

Is this not same as this idea that is implemented? Just copy the part from the screen then use Paste As... Block
https://www.outsystems.com/ideas/10805/convert-screen-to-block-keeping-things-as-agile-as-possible/