Notes/Domino XPages Development Forum

This forum is closed to new posts and responses. Individual names altered for privacy purposes. The information contained in this website is provided for informational purposes only and should not be construed as a forum for customer support requests. Any customer support requests should be directed to the official HCL customer support channels below:

HCL Software Customer Support Portal for U.S. Federal Government clients
HCL Software Customer Support Portal

~Chloe Frokrosonnivu

Jun 1, 2012, 7:08 AM

15 Posts

CSS problem

Category: Other
Platform: Windows
Release: 8.5
Role: Developer
Tags:
Replies: 1

Hi,

I'm very much confused in keep the same width of Edit box, Date Time Picker and combo box. How can we use those fields with proper alignments?

can we use CSS for Edit box, Date Time Picker and combo box? as well as can we use CSS for Tabbed Panel. Please send me some suggestions as soon as you can?

Thanxz.

~Ben Asaponeskioden

Jun 1, 2012, 8:43 AM

126 Posts

Re: CSS problem

Yes you can use CSS for every control in xpages either by inline styles or style classes. Heres a very quick example, these line up with the date time picker and the button next to it, 15em is the width of the date time picker text box on its own

<xp:inputText id="inputText2" style="width: 17em;"></xp:inputText>

<xp:br></xp:br><xp:br></xp:br>

<xp:comboBox id="comboBox1" style="width: 17em;"></xp:comboBox>

<xp:br></xp:br><xp:br></xp:br>

<xp:inputText id="inputText3">

<xp:dateTimeHelper id="dateTimeHelper2"></xp:dateTimeHelper>

<xp:this.converter>

<xp:convertDateTime type="date"></xp:convertDateTime>

</xp:this.converter>

</xp:inputText>

<xp:br></xp:br><xp:br></xp:br>