Did you notice that the changes on Query Type Fields?

edmundcheong
OFFLINE
Posts: 313
Thanks: 10
Karma: 1

9 years 2 months ago - 9 years 2 months ago #272068 by edmundcheong

Did you notice that the changes on Query Type Fields? was created by edmundcheong

I have a query type field which was running on 1.9 and its presentation (redendered) pretty nicely or beautiful with shades of grey and each row lits up when there's a mouse over.

After the upgrade, somehow the table generated by the query looks cramped. Did I miss anything during the upgrade?

Type: Query
Parameter > Display > Output: Multiple Rows
Parameter > Display > Header:

Code:

<table border="0">
<tbody>
<tr>
<td style="text-align: center;"><strong>Date</strong></td>
<td style="text-align: left;"><strong>Name</strong></td>
<td style="text-align: left;"><strong>Type</strong></td>
<td style="text-align: center;"><strong>Status</strong></td></tr>

Parameter > Display > Row:

Code:

<tr>
<td style="text-align: center;">[column_date]</td>
<td style="text-align: left;">[column_name]</br>[column_surname]</td>
<td style="text-align: left;">[column_type]</br>[column_justification]</td>
<td style="text-align: center;">Your status is[column_status]</td>
</tr>

Parameter > Display > Footer:

Code:

</tbody>
</table>

Am I missing something? Does it have to do with the Parameter > Layout > Profile Value Layout, Profile Edit Value Layout, etc?

If yes, do you have examples which I can follow?

Last edit: 9 years 2 months ago by edmundcheong.

Please Log in or Create an account to join the conversation.

krileon
ONLINE
Posts: 48674
Thanks: 8313
Karma: 1446

9 years 2 months ago #272116 by krileon

Replied by krileon on topic Did you notice that the changes on Query Type Fields?

Your <tbody is covering the headers. Please try the below to style for Bootstrap.

Header:

Code:

<table class="table table-hover">
 <thead>
  <tr>
   <th class="text-center">Date</th>
   <th class="text-left">Name</th>
   <th class="text-left">Type</th>
   <th class="text-center">Status</th>
  </tr>
 </thead>
 <tbody>

Body:

Code:

  <tr>
   <td class="text-center">[column_date]</td>
   <td class="text-left">[column_name]</br>[column_surname]</td>
   <td class="text-left">[column_type]</br>[column_justification]</td>
   <td class="text-center">Your status is[column_status]</td>
  </tr>

Footer:

Code:

 </tbody>
</table>

See the below for additional Bootstrap table styling classes.

getbootstrap.com/css/#tables

Kyle (Krileon)
Community Builder Team Member
Before posting on forums: Read FAQ thoroughly + Read our Documentation + Search the forums
CB links: Documentation - Localization - CB Quickstart - CB Paid Subscriptions - Add-Ons - Forge
--
If you are a Professional, Developer, or CB Paid Subscriptions subscriber and have a support issue please always post in your respective support forums for best results!
--
If I've missed your support post with a delay of 3 days or greater and are a Professional, Developer, or CBSubs subscriber please send me a private message with your thread and will reply when possible!
--
Please note I am available Monday - Friday from 8:00 AM CST to 4:00 PM CST. I am away on weekends (Saturday and Sunday) and if I've missed your post on or before a weekend after business hours please wait for the next following business day (Monday) and will get to your issue as soon as possible, thank you.
--
My role here is to provide guidance and assistance. I cannot provide custom code for each custom requirement. Please do not inquire me about custom development.

Please Log in or Create an account to join the conversation.

Moderators: beat, nant, krileon