Ticket Departments Layout 3.0.0 - 3.1.0 B1

[MemoryX2]

If there are multiple support departments configured they do not line up for the client when creating a new support ticket.

 

3.0.7 & 3.1.0 B1

 

This only happens with 4 or more departments.

[Michael]

Check the portal code.

 

Mine works fine: http://billing.licensecart.com/customers/plugin/support_manager/client_tickets/departments/

[MemoryX2]

Check the portal code.

 

Mine works fine: http://billing.licensecart.com/customers/plugin/support_manager/client_tickets/departments/

 

 

You have to have 4 or more departments before it messes up. I updated the op

[Michael]

You have to have 4 or more departments before it messes up. I updated the op

 

Yeah I have 8 but only when logged in:

 

[MemoryX2]

Can you post your portal code?

[Michael]

Can you post your portal code?

<div class="description">
	<p>
		<strong><span style="font-size:16px;">Welcome to Licensecart's Billing Area...</span></strong><br />
		<span style="font-size:14px;"><em>You will be able to manage your account or purchase new licenses.</em></span></p>
</div>
<div class="half section">
	<div class="icon account">
		<h1>
			<a href="{client_url}login/">My Account</a></h1>
		<p>
			Have an account with us? You can login here to manage your account.</p>
	</div>
</div>
<p>
	{% if plugins.support_manager %}</p>
<div class="half section">
	<div class="icon support_manager">
		<h1>
			<a href="{client_url}plugin/support_manager/client_tickets/add/">Submit ticket</a></h1>
		<p>
			Need help? You can open a trouble ticket here.</p>
	</div>
</div>
<p>
	{% endif %}{% if plugins.order %}</p>
<div class="half section">
	<div class="icon order">
		<h1>
			<a href="{blesta_url}order/">Order</a></h1>
		<p>
			Visit the order form to sign up and purchase new licenses.</p>
	</div>
</div>
<p>
	{% endif %}{% if plugins.download_manager %}</p>
<div class="half section">
	<div class="icon download_manager">
		<h1>
			<a href="{client_url}plugin/download_manager/">Downloads</a></h1>
		<p>
			Visit the download area. You may need to be logged in to access certain downloads.</p>
	</div>
</div>
<p>
	{% endif %}</p>

[MemoryX2]

<div class="description">
	<p>
		<strong><span style="font-size:16px;">Welcome to Licensecart's Billing Area...</span></strong><br />
		<span style="font-size:14px;"><em>You will be able to manage your account or purchase new licenses.</em></span></p>
</div>
<div class="half section">
	<div class="icon account">
		<h1>
			<a href="{client_url}login/">My Account</a></h1>
		<p>
			Have an account with us? You can login here to manage your account.</p>
	</div>
</div>
<p>
	{% if plugins.support_manager %}</p>
<div class="half section">
	<div class="icon support_manager">
		<h1>
			<a href="{client_url}plugin/support_manager/client_tickets/add/">Submit ticket</a></h1>
		<p>
			Need help? You can open a trouble ticket here.</p>
	</div>
</div>
<p>
	{% endif %}{% if plugins.order %}</p>
<div class="half section">
	<div class="icon order">
		<h1>
			<a href="{blesta_url}order/">Order</a></h1>
		<p>
			Visit the order form to sign up and purchase new licenses.</p>
	</div>
</div>
<p>
	{% endif %}{% if plugins.download_manager %}</p>
<div class="half section">
	<div class="icon download_manager">
		<h1>
			<a href="{client_url}plugin/download_manager/">Downloads</a></h1>
		<p>
			Visit the download area. You may need to be logged in to access certain downloads.</p>
	</div>
</div>
<p>
	{% endif %}</p>

Does that affect the support ticket department area?

[Michael]

Dno mate.

[Tyson]

This is fixed in CORE-956 for 3.1.0-b2. The sections are floated and behave like this when one section takes up more vertical space than another next to it. Your Sales department description takes up 2 lines rather than 1, compared to the Billing department next to it.

 

You could solve this issue by making the descriptions equal for departments, like CubicWebs has, or clearing the floats after each horizontal set (i.e. every 2 departments).

 

e.g.

<div class="half section">
department 1
</div>
<div class="half section">
department 2
</div>

<div class="clear"> </div>

<div class="half section">
department 3
</div>
<div class="half section">
department 4
</div>