How to remove the box around Linked Grids\Content

[njguy]

I hope this is a simple question....when you create a linked grid it draws a box around it (see image) that I just don't want. How do you remove it?

[Peter.Greulich]

Re: How to remove the box around Linked Grids\Content

Alpha should give us more direct control of all these HTML elements. What I did was use a master template and then create a 2nd HTML table w. the child grid. That fixes it. I suppose you could explicitly set the size of that cell as well, rather than use a 2nd table..

[peteconway]

Re: How to remove the box around Linked Grids\Content

Hi Tom - no ummm.. I wrote to Selwyn a couple of years ago about this ...

Here the reply it's all technical stuff so I hope the post does not get deleted. - I stuffed around with it - but gave up - please - if you figure it tell me and I'll pay for drinks and dinner next time we meet.

he wrote..

well, you could confirm your theory by going to Firebug.
Then go to the consol window and type


e = $('GRID1__UNBOUND_LINKEDGRID_1_G_R1.TABBAND');
e.style.borderStyle = 'none';

that will turn off the border for the div




At 12:15 AM 5/24/2010, you wrote:
>Many thanks also ..
>
>
>I'll do one - but this is the HTML it generated for the linked grid.
>MenuTight has no borders set - it looks like the DIV ID may have the
>border.. - just a guess.
><td id="GRID1.TD.R1._UNBOUND_LINKEDGRID_1" style="width: 700px;
>border-style: none;" class="MenuTightSFDataTD"><div
>id="GRID1__UNBOUND_LINKEDGRID_1_G_R1"> <div
>id="GRID1__UNBOUND_LINKEDGRID_1_G_R1.TABBAND"
>style="display:none;"> <a
>id="GRID1__UNBOUND_LINKEDGRID_1_G_R1.0.TAB" class=""
>href="#">_webpage_business</a> </div> <br style="clear: both;"
>/> <div
>id="GRID1__UNBOUND_LINKEDGRID_1_G_R1.PANES"> <div
>id="GRID1__UNBOUND_LINKEDGRID_1_G_R1.0.PANE">
></div><!--end div tab pane--> </div> </div> </td>
>
>
>
>Best regards,
>
>
>Peter Conway
>
>
>
>
>
>
>
>
>
>Date: Sun, 23 May 2010 23:49:23 -0400
>To: [email protected]
>From: [email protected]
>Subject: Re: Hi- And a quick one.
>
>thanks.
>
>i am sure it can be done, but i would have to build a tet case to
>that i can examine the generated html.
>
>can you build a small test case and send that to me.
>
>
>At 11:44 PM 5/23/2010, you wrote:
>
>
>
>Selwyn - love the work your doing and the Feature Pack Model - Well done.
>
>I have some suggestions and will get them to you in the next couple
>of days, I have not been able to find any show stoppers. The client
>side development is terrific!
>
>The quickie.. whenever I use the Linked Grid [Special Control] in my
>Grids, they always have a border - this is a constant pain when you
>want things to appear seamless.
>
>Is there an easy way around it? The entire web page in the image is a grid.
>
>Best regards,
>
>
>Peter Conway
>
>
>
>
>

[Davidk]

Re: How to remove the box around Linked Grids\Content

This works nicely... I put this code into the Client-Side Event - onGridRenderComplete - of the main grid. Replace the linked grid name with yours.

$('GRID1_LCS_MOVIEINFO.0.PANE').style.borderStyle = 'none';

[peteconway]

Re: How to remove the box around Linked Grids\Content

Thanks - will give it a go...

[peteconway]

Re: How to remove the box around Linked Grids\Content

David - all I can give you at this point is 10/10 - if I ever meet you at a developer get together the drinks are on me.. how on earth did you figure that?

[Davidk]

Re: How to remove the box around Linked Grids\Content

In Firebug, I right-clicked in all that white space beside the linked grid, and selected Inspect Element with Firebug. Then I moved my cursor around a bit in the HTML code until the entire section was highlighted... the "PANE" section. I saw that it was set for display:block so I figured that was good place to start since the entire border was also highlighted... see the attached image. Deal on the drinks... although I think I already owe you a few.

[njguy]

Re: How to remove the box around Linked Grids\Content

David.....I tried this and when I run it in "Working" or "Live" Preview it works great.....but when I publish it locally or to an external host it doesn't work. Any thoughts?

[Davidk]

Re: How to remove the box around Linked Grids\Content

When you publish it, and run it... run it in Firefox and Firebug and check that the ID is still the same... it can, and does, change. For example, when published this is the ID I must use...

GRD_SQL_VI_LCS_CHILDORDER.0.PANE

However, this is the Live Preview ID

GRID1_LCS_CHILDORDER.0.PANE

[peteconway]

Re: How to remove the box around Linked Grids\Content

Tom clear browser cache.

[njguy]

Re: How to remove the box around Linked Grids\Content

When you publish it, and run it... run it in Firefox and Firebug and check that the ID is still the same... it can, and does, change. For example, when published this is the ID I must use...

GRD_SQL_VI_LCS_CHILDORDER.0.PANE

However, this is the Live Preview ID

GRID1_LCS_CHILDORDER.0.PANE

That was it
.......

[peteconway]

Re: How to remove the box around Linked Grids\Content

Amazing this stuff.

[Turnbullca]

Re: How to remove the box around Linked Grids\Content

Hi Chaps,

I have a main Grid and 2 linked Grids on a tabbed UI Page and this technique works great in Firefox but it makes no difference in IE8.

Any ideas?

Thanks

Chris

[Davidk]

Re: How to remove the box around Linked Grids\Content

Hey Chris,

Are you talking about exactly the same problem?

When I run this grid, inside a tabbed ui pane, the original problem actually doesn't exist.

When I run this grid, without the tabbed ui, with the linked Grid, in Live Preview, the extended box surrounds the linked grid. Then, while in Live Preview, if I further run the grid in IE, Chrome, or FireFox, the extended box is still then, and is removed by the code posted.

However, when this grid is run inside a tabbed ui, the original problem does not exist... the extended box is not there. The box is there, but it's no longer extended past the grid. See the attached image.

Now... I kinda assumed this was the original problem. Tom said he didn't want the box, but I assumed that was because it was extended. Personally, I don't care if the box is there, just as long as it behaves itself and is not wider than the grid.

[Davidk]

Re: How to remove the box around Linked Grids\Content

If you don't want a box at all, then, because you're in a tabbed UI, things get a bit more complicated.

$('TBI_DLG_MOVIE__20137UUET_GRDMOVIECOVER_LCS_MOVIEINFO.0.PANE').style.borderStyle = 'none';

turns off the box around the linked grid in my tabbed ui. So, you need to find the right name of your published, resolved tabbed ui linked grid.