A way to increment height of Listbox to show all items?

[Lenny_shp]

Is there a way for the above so that when printing, all available items are shown?

[Yana]

Hello,

I suggest you use @media css rule to apply specific styles to the listbox when printing. You just need to add the following css styles to your page:

<style type="text/css">
    @media print {
         .RadListBox { height: auto !important; }
         .RadListBox .rlbGroup { position: static !important; }
    }
</style>

Regards,
Yana
the Telerik team

[Lenny_shp]

I have a long list that's a couple of pages long, why is it that with or without the above CSS, the list seems to want to print from beginning of a page instead of in the middle of the page?    This leaves a big blank area for the printed page that the listbox control is in.

[Yana]

Hi Lenny,

Can you send us a simple page showing the exact layout? Thanks

Regards,
Yana
the Telerik team

[Lenny_shp]

    <div id="ucFeeChangeFeeRequest_lstSubAccountDest" class="RadListBox RadListBox_Default" style="width:380px;">
        <div class="rlbGroup rlbGroupRight">
            <ul class="rlbList">
                <li id="ucFeeChangeFeeRequest_lstSubAccountDest_i0" class="rlbItem"><span class="rlbText">list item1</span></li>
            </ul>

lots of items here

        </div><input id="ucFeeChangeFeeRequest_lstSubAccountDest_ClientState" name="ucFeeChangeFeeRequest_lstSubAccountDest_ClientState" type="hidden" />
    </div>

The problem would only occur if there are many items spanning pages, as if there is a page-break-before was included.
Ah, according to http://www.w3.org/TR/CSS2/sample.html      ul has default of page break.

 ul { page-break-before: avoid }

I tried changing this but it still page breaks before start of ul.
 ul { page-break-before: auto }
or
 ul { page-break-before:  }

[Yana]

Hi Lenny,

Thank you for sending the explanation.

I've attached a simple page to demonstrate how to fix it, please download it and give it a try.


Kind regards,
Yana
the Telerik team