[Project_owners] how to align elements in richlistbox

joe ertaba belaviyo at gmail.com
Tue Nov 11 05:07:05 PST 2008


Hi

I have found a solution , thanks both of you

<richlistbox>
  <grid>
    <columns ><column flex="1"/><column flex="1"/></columns>
    <rows>
      <richlistitem style="display:-moz-grid-line; -moz-box-orient:
horizontal">
        <label value="1"/>
        <label value="2"/>
      </richlistitem>
      <richlistitem style="display:-moz-grid-line; -moz-box-orient:
horizontal">
        <label value="3"/>
        <label value="4"/>
      </richlistitem>
    </rows>
  </grid>
</richlistbox>

On Tue, Nov 11, 2008 at 3:26 PM, Shivanand Sharma / Varun <varun21 at gmail.com
> wrote:

> Hi,
>
> Personally I cheat from the XUL Periodic table. Saves a lot of frustration
> and time :) http://www.hevanet.com/acorbin/xul/top.xul Also see
> https://developer.mozilla.org/en/Mozilla_CSS_Extensions for related CSS.
> Hope that helps.
>
> Cheers!
> Shivanand Sharma
> Producer and Editor
> http://www.binaryturf.com (Web Technology & Blogging)
> http://www.advancedphotography.net
>
>
>
> On Tue, Nov 11, 2008 at 5:21 PM, joe ertaba <belaviyo at gmail.com> wrote:
>
>> Hi Neil,
>>
>> Please see these three examples
>>
>> #1 ; This one is original grid
>> <grid>
>>   <columns >
>>     <column flex="1"/>
>>     <column flex="1"/>
>>   </columns>
>>
>>   <rows>
>>     <row>
>>       <description>1</description>
>>       <description>2</description>
>>     </row>
>>   </rows>
>> </grid>
>>
>> #2 ;In this one I replaced row element only and it works like above
>> example
>> <grid>
>>   <columns >
>>     <column flex="1"/>
>>     <column flex="1"/>
>>   </columns>
>>
>>   <rows>
>>     <box flex="1" style="display:-moz-grid-line;">
>>       <description>1</description>
>>       <description>2</description>
>>     </box>
>>   </rows>
>> </grid>
>>
>> #3 ;In this one I replaced rows element only and it doesnt works :(
>> <grid>
>>   <columns >
>>     <column flex="1"/>
>>     <column flex="1"/>
>>   </columns>
>>
>>   <box flex="1" style="display:-moz-grid-group;">
>>     <row>
>>       <description>1</description>
>>       <description>2</description>
>>     </row>
>>   </box>
>> </grid>
>>
>> Do you know why ?
>>
>> On Tue, Nov 11, 2008 at 2:11 PM, Neil <neil at parkwaycc.co.uk> wrote:
>>
>>> joe ertaba wrote:
>>>
>>>  Is there any way to align elements in different richlistitems?
>>>>
>>>> <richlistbox>
>>>>  <richlistitem>
>>>>   <label value="some 1"/>
>>>>   <label value="some 2"/>
>>>>  </richlistitem>
>>>>  <richlistitem>
>>>>   <label value="something 1"/>
>>>>   <label value="something 2"/>
>>>>  </richlistitem>
>>>> </richlistbox>
>>>>
>>>> I think I should use grid element, but I cant figure out how to apply
>>>> it.
>>>>
>>>
>>> I think you can do it with some CSS:
>>> .rows { display: -moz-grid-group; }
>>> .row { display: -moz-grid-line; }
>>> <grid>
>>>  <columns><column/><column/></columns>
>>>  <richlistbox class="rows">
>>>   <richlistitem class="row">
>>> etc.
>>> _______________________________________________
>>> Project_owners mailing list
>>> Project_owners at mozdev.org
>>> https://www.mozdev.org/mailman/listinfo/project_owners
>>>
>>
>>
>> _______________________________________________
>> Project_owners mailing list
>> Project_owners at mozdev.org
>> https://www.mozdev.org/mailman/listinfo/project_owners
>>
>>
>
> _______________________________________________
> Project_owners mailing list
> Project_owners at mozdev.org
> https://www.mozdev.org/mailman/listinfo/project_owners
>
>
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://www.mozdev.org/pipermail/project_owners/attachments/20081111/b12f4220/attachment-0001.html>


More information about the Project_owners mailing list