Focal Point
[Moved to NFR] APP Studio HTML Canvas, re-order elements

This topic can be found at:
https://forums.informationbuilders.com/eve/forums/a/tpc/f/7971057331/m/6557042686

April 26, 2017, 05:35 PM
eric.woerle
[Moved to NFR] APP Studio HTML Canvas, re-order elements
Does anyone know if there is a way, using the HTML canvas, to re-order elements? When including a report onto a page, the HTML Canvas will first create the IFrame, and then create the form. I need to make the Iframes position relative to the form. So, I would need to flip their position in the code to do this. Does anyone know if this is possible in the Canvas? and if so, how do I do it?

IE... The Canvas writes this:
 
<iframe id=report1 ... style="position:absolute..." > </iframe>
<form id=form1 .... style="position:absolute..."> </form> 


and I need

 
<form id=form1 .... style="position:relative..."> </form> 
<iframe id=report1 ... style="position:relative..." > </iframe>


Would be much easier if I could drop to code without breaking the page Music

This message has been edited. Last edited by: eric.woerle,


Eric Woerle
8.1.05M Gen 913- Reporting Server Unix
8.1.05 Client Unix
Oracle 11.2.0.2
May 01, 2017, 10:20 AM
Wep5622
We use Cut+Paste to do that. It puts the element at the end of the list of elements, so it's a bit like Towers of Hanoi, but it's doable.

In your case that means selecting the iframe, Cut it, select the document, Paste it.

You can prevent this partially by making sure that your parameters are in the correct order in the available parameters prompt (you can re-order them there), but obviously that won't work for elements that you have to place before those, such as report iframes and submit/reset buttons.

Are you working on making your forms responsive? We created a special CSS stylesheet just for that purpose with a bunch of !important flags. In HTML Composer you can add that to the list of stylesheets (using /approot/.../responsive.css, not by selecting the file as it will create a local copy!) to see the effects and remove it again if it's not how you like it.


WebFOCUS 8.1.03, Windows 7-64/2008-64, IBM DB2/400, Oracle 11g & RDB, MS SQL-Server 2005, SAP, PostgreSQL 11, Output: HTML, PDF, Excel 2010
: Member of User Group Benelux :
May 01, 2017, 11:09 AM
eric.woerle
Wep,

I'm looking for the tool to not drive me insane... Wink

I ended up wrapping the iframe in a div tag. Which is fine as a stop gap. But then I realized that I needed to add another report to the page (I'm using a radio button to identify which report to submit). That report had a new filter in it, which I now need to place in the middle of my filters, which are all relatively positioned. I'm aware that I can "move" all of my filters out, and then re-add them to the Div tag, but that is just asinine and a major waste of time. Especially since HTML Canvas will inject all of the inline style sheets that took me forever to remove in the first place. Its like a fire drill getting this thing to work right sometimes...

FYI... Never was a towers of Hanoi fan and I have no desire to play it with web design if I can avoid it.

I opened a case, so we shall see what happens. Most likely result... NFR that gets resolved in 10 years.


Eric Woerle
8.1.05M Gen 913- Reporting Server Unix
8.1.05 Client Unix
Oracle 11.2.0.2
May 01, 2017, 11:12 AM
eric.woerle
Best case scenario would be if IBI would enhance the Canvas to allow you to move entire elements through the drop down on the properties tab. it would still be a bit clunky... but better then how it works now.


Eric Woerle
8.1.05M Gen 913- Reporting Server Unix
8.1.05 Client Unix
Oracle 11.2.0.2
May 01, 2017, 11:36 AM
Wep5622
Yeah, I was just providing some workarounds.

IMO, the dropdown list on the properties tab should be replaced by a proper object tree, with the elements dragable to re-order them, remove them, rename them (their unique-id mostly), etc.

However, that would take up another valuable section of screen space...


WebFOCUS 8.1.03, Windows 7-64/2008-64, IBM DB2/400, Oracle 11g & RDB, MS SQL-Server 2005, SAP, PostgreSQL 11, Output: HTML, PDF, Excel 2010
: Member of User Group Benelux :