How to hide a DIV ?

[WebDesignShop]

Re: How to hide a DIV ?

Assign the div a class and use .innerhtml in javascript.

[Sarah Mitchell]

Re: How to hide a DIV ?

Hello,

Have you read this article? https://www.alphasoftware.com/docume...ux%20component

[amitloh]

Re: How to hide a DIV ?

I am having same type of issue but with containers. When I hide the container via toggle action in mobile app real estate of that container still occupies the space which I do not want.

[GGandhi]

Re: How to hide a DIV ?

no worries, i knew david will come to help when i mentioned

i am sure someone else will be able to help you.

i am happy you are able to solve the problem, that is important.

[mikeallenbrown]

Re: How to hide a DIV ?

David, yes, that is what I'm after: get rid of the real estate that the DIV occupys when empty and move the controls below it up. Thanks. I'll try this out here soon.

Gandhi, I'm sorry if I wasn't very clear in my description of what I needed.

[Davidk]

Re: How to hide a DIV ?

Is this what you're talking about Mike? That the div tag is taking up space? Even though the div is empty, there are formatting elements occupying space. It's not fair... but there it is. So... move things around a bit.

If so, in the Static text control style put this...

margin-top:-50px;

And check on the property Control Container Prevent Float.

In the button where you load the UX into the Div, add a Javascript action to the top of the action list... with this code...

var ele = {dialog.Object}.getPointer('STATICTEXT_1');
ele.style.marginTop = "0px";

So... when rendered, the Static control is sitting 50px higher than is normally would. This moves up the other controls and all looks good.

Then, when you load the UX into the Div, move the control down again.

When, you close the UX (if you do), then you'll need to move the div back up.

If this isn't what you want then I'd suggest posting a really simple example containing 2 simple UX components. Otherwise, it's a bit of a guess what your layout is like.

So happy we can attach again.

[mikeallenbrown]

Re: How to hide a DIV ?

That didn't solve the problem of the DIV taking up space.

The DIV is below the Insurance button. Even when the DIV is empty it takes up space. I don't want that space there.

ScreenShot_018.jpg

[mikeallenbrown]

Re: How to hide a DIV ?

Thanks, Gandhi. I'll give this a shot here shortly.

[GGandhi]

Re: How to hide a DIV ?

here is another screencast with freeform layout
http://screencast.com/t/EpgBtPAyqR

[GGandhi]

Re: How to hide a DIV ?

i think the div needs to be in a freeform region of the dialog/ux if available or in the a5w page that hosts the dialog not in the component level.

[GGandhi]

Re: How to hide a DIV ?

oh
i do not know how a component is inserted in a statice text field, sorry.
but as far as i see the static text can be hidden. i am sure someone else will be able to help you.
sorry.

edit: may be you should consider place holder control, just a thought.

[mikeallenbrown]

Re: How to hide a DIV ?

okay you have it right in the second definition, but why you set the style display:none?

Because I want it to be hidden at first. This DIV is a placeholder for components that will populate into it. I have a button that opens the component into this DIV. I can manually set the display to = '' before opening the component.

[GGandhi]

Re: How to hide a DIV ?

okay you have it right in the second definition, but why you set the style display:none?

[mikeallenbrown]

Re: How to hide a DIV ?

The green text are just comments I made in the developer ...see the second screenshot for the DIV ID. I'll watch your video now...

[GGandhi]

Re: How to hide a DIV ?

http://screencast.com/t/uq7SudQsZ

take a look
I do not understand the //DIV ID = INSURANCE part
usually div is done like <div> </div>