Skip to main content ↑ ↓
Topic: Column Wrap Help (Read 1183 times) previous topic - next topic

Column Wrap Help

Hello, if someone has time, can i get some help with Column Wrap?

My view page is filling one column across 2 pages, but I want to fill one page if possible. I've been trying to follow along with notes in here, and also a bootstrap page but I'm not understanding.

 
Code: [Select]
<?php

$counter = 0;
if(!empty($data)){
$rec_id = (!empty($data['id']) ? urlencode($data['id']) : null);



$counter++;
?>
<div id="page-report-body" class="">
    
    <table class="table table-hover table-borderless table-striped">
        <!-- Table Body Start -->
        <tbody class="page-data" id="page-data-<?php echo $page_element_id; ?>">
            
            <tr  class="td-Teacher_Name">
                <th class="title"> Teacher Name: </th>
                <td class="value">
                    <span  data-source='<?php print_link('api/json/chart_Teacher_Name_option_list'); ?>' 
                        data-value="<?php echo $data['Teacher_Name']; ?>" 
                        data-pk="<?php echo $data['id'] ?>" 
                        data-url="<?php print_link("chart/editfield/" . urlencode($data['id'])); ?>" 
                        data-name="Teacher_Name" 
                        data-title="Select a value ..." 
                        data-placement="left" 
                        data-toggle="click" 
                        data-type="select" 
                        data-mode="popover" 
                        data-showbuttons="left" 
                        class="is-editable" >
                        <?php echo $data['Teacher_Name']; ?> 
                    </span>
                </td>
            </tr>
            
            
            <tr  class="td-Student_Name">
                <th class="title"> Student Name: </th>
                <td class="value">
                    <span  data-source='<?php 
                        $dependent_field = (!empty($data['Teacher_Name']) ? urlencode($data['Teacher_Name']) : null);
                        print_link('api/json/chart_Student_Name_option_list/'.$dependent_field); 
                        ?>' 
                        data-value="<?php echo $data['Student_Name']; ?>" 
                        data-pk="<?php echo $data['id'] ?>" 
                        data-url="<?php print_link("chart/editfield/" . urlencode($data['id'])); ?>" 
                        data-name="Student_Name" 
                        data-title="Select a value ..." 
                        data-placement="left" 
                        data-toggle="click" 
                        data-type="select" 
                        data-mode="popover" 
                        data-showbuttons="left" 
                        class="is-editable" >
                        <?php echo $data['Student_Name']; ?> 
                    </span>
                </td>
            </tr>
            
            
            <tr  class="td-Date">
                <th class="title"> Date: </th>
                <td class="value">
                    <span  data-flatpickr="{altFormat: 'F j, Y - H:i', minDate: '', maxDate: ''}" 
                        data-value="<?php echo $data['Date']; ?>" 
                        data-pk="<?php echo $data['id'] ?>" 
                        data-url="<?php print_link("chart/editfield/" . urlencode($data['id'])); ?>" 
                        data-name="Date" 
                        data-title="Enter Date" 
                        data-placement="left" 
                        data-toggle="click" 
                        data-type="flatdatetimepicker" 
                        data-mode="popover" 
                        data-showbuttons="left" 
                        class="is-editable" >
                        <?php echo $data['Date']; ?> 
                    </span>
                </td>
            </tr>
            
            
            <tr  class="td-Goal_1">
                <th class="title"> Goal 1: </th>
                <td class="value">
                    <span  data-value="<?php echo $data['Goal_1']; ?>" 
                        data-pk="<?php echo $data['id'] ?>" 
                        data-url="<?php print_link("chart/editfield/" . urlencode($data['id'])); ?>" 
                        data-name="Goal_1" 
                        data-title="Enter Goal 1" 
                        data-placement="left" 
                        data-toggle="click" 
                        data-type="text" 
                        data-mode="popover" 
                        data-showbuttons="left" 
                        class="is-editable" >
                        <?php echo $data['Goal_1']; ?> 
                    </span>
                </td>
            </tr>
            
            
            <tr  class="td-Goal_1_p1">
                <th class="title"> Goal 1 P1: </th>
                <td class="value"><?php Html :: star_rating($data['Goal_1_p1'], "7") ?></td>
            </tr>
            
            
            <tr  class="td-Goal_1_p2">
                <th class="title"> Goal 1 P2: </th>
                <td class="value"><?php Html :: star_rating($data['Goal_1_p2'], "7") ?></td>
            </tr>
            
            
            <tr  class="td-Goal_1_p3">
                <th class="title"> Goal 1 P3: </th>
                <td class="value"><?php Html :: star_rating($data['Goal_1_p3'], "7") ?></td>
            </tr>
            
            
            <tr  class="td-Goal_1_p4">
                <th class="title"> Goal 1 P4: </th>
                <td class="value"><?php Html :: star_rating($data['Goal_1_p4'], "7") ?></td>
            </tr>
            
            
            <tr  class="td-Goal_1_p5">
                <th class="title"> Goal 1 P5: </th>
                <td class="value"><?php Html :: star_rating($data['Goal_1_p5'], "7") ?></td>
            </tr>
            
            
            <tr  class="td-Goal_1_p6">
                <th class="title"> Goal 1 P6: </th>
                <td class="value"><?php Html :: star_rating($data['Goal_1_p6'], "7") ?></td>
            </tr>
            
            
            <tr  class="td-Goal_1_p7">
                <th class="title"> Goal 1 P7: </th>
                <td class="value"><?php Html :: star_rating($data['Goal_1_p7'], "7") ?></td>
            </tr>
            
            
            <tr  class="td-Goal_1_p8">
                <th class="title"> Goal 1 P8: </th>
                <td class="value"><?php Html :: star_rating($data['Goal_1_p8'], "7") ?></td>
            </tr>
            
            
            <tr  class="td-Goal_2">
                <th class="title"> Goal 2: </th>
                <td class="value">
                    <span  data-value="<?php echo $data['Goal_2']; ?>" 
                        data-pk="<?php echo $data['id'] ?>" 
                        data-url="<?php print_link("chart/editfield/" . urlencode($data['id'])); ?>" 
                        data-name="Goal_2" 
                        data-title="Enter Goal 2" 
                        data-placement="left" 
                        data-toggle="click" 
                        data-type="text" 
                        data-mode="popover" 
                        data-showbuttons="left" 
                        class="is-editable" >
                        <?php echo $data['Goal_2']; ?> 
                    </span>
                </td>
            </tr>
            
            
            <tr  class="td-Goal_2_p1">
                <th class="title"> Goal 2 P1: </th>
                <td class="value"><?php Html :: star_rating($data['Goal_2_p1'], "7") ?></td>
            </tr>
            
            
            <tr  class="td-Goal_2_p2">
                <th class="title"> Goal 2 P2: </th>
                <td class="value"><?php Html :: star_rating($data['Goal_2_p2'], "7") ?></td>
            </tr>
            
            
            <tr  class="td-Goal_2_p3">
                <th class="title"> Goal 2 P3: </th>
                <td class="value"><?php Html :: star_rating($data['Goal_2_p3'], "7") ?></td>
            </tr>
            
            
            <tr  class="td-Goal_2_p4">
                <th class="title"> Goal 2 P4: </th>
                <td class="value"><?php Html :: star_rating($data['Goal_2_p4'], "7") ?></td>
            </tr>
            
            
            <tr  class="td-Goal_2_p5">
                <th class="title"> Goal 2 P5: </th>
                <td class="value"><?php Html :: star_rating($data['Goal_2_p5'], "7") ?></td>
            </tr>
            
            
            <tr  class="td-Goal_2_p6">
                <th class="title"> Goal 2 P6: </th>
                <td class="value"><?php Html :: star_rating($data['Goal_2_p6'], "7") ?></td>
            </tr>
            
            
            <tr  class="td-Goal_2_p7">
                <th class="title"> Goal 2 P7: </th>
                <td class="value"><?php Html :: star_rating($data['Goal_2_p7'], "7") ?></td>
            </tr>
            
            
            <tr  class="td-Goal_2_p8">
                <th class="title"> Goal 2 P8: </th>
                <td class="value"><?php Html :: star_rating($data['Goal_2_p8'], "7") ?></td>
            </tr>
            
            
            <tr  class="td-Goal_3">
                <th class="title"> Goal 3: </th>
                <td class="value">
                    <span  data-value="<?php echo $data['Goal_3']; ?>" 
                        data-pk="<?php echo $data['id'] ?>" 
                        data-url="<?php print_link("chart/editfield/" . urlencode($data['id'])); ?>" 
                        data-name="Goal_3" 
                        data-title="Enter Goal 3" 
                        data-placement="left" 
                        data-toggle="click" 
                        data-type="text" 
                        data-mode="popover" 
                        data-showbuttons="left" 
                        class="is-editable" >
                        <?php echo $data['Goal_3']; ?> 
                    </span>
                </td>
            </tr>
            
            
            <tr  class="td-Goal_3_p1">
                <th class="title"> Goal 3 P1: </th>
                <td class="value"><?php Html :: star_rating($data['Goal_3_p1'], "7") ?></td>
            </tr>
            
            
            <tr  class="td-Goal_3_p2">
                <th class="title"> Goal 3 P2: </th>
                <td class="value"><?php Html :: star_rating($data['Goal_3_p2'], "7") ?></td>
            </tr>
            
            
            <tr  class="td-Goal_3_p3">
                <th class="title"> Goal 3 P3: </th>
                <td class="value"><?php Html :: star_rating($data['Goal_3_p3'], "7") ?></td>
            </tr>
            
            
            <tr  class="td-Goal_3_p4">
                <th class="title"> Goal 3 P4: </th>
                <td class="value"><?php Html :: star_rating($data['Goal_3_p4'], "7") ?></td>
            </tr>
            
            
            <tr  class="td-Goal_3_p5">
                <th class="title"> Goal 3 P5: </th>
                <td class="value"><?php Html :: star_rating($data['Goal_3_p5'], "7") ?></td>
            </tr>
            
            
            <tr  class="td-Goal_3_p6">
                <th class="title"> Goal 3 P6: </th>
                <td class="value"><?php Html :: star_rating($data['Goal_3_p6'], "7") ?></td>
            </tr>
            
            
            <tr  class="td-Goal_3_p7">
                <th class="title"> Goal 3 P7: </th>
                <td class="value"><?php Html :: star_rating($data['Goal_3_p7'], "5") ?></td>
            </tr>
            
            
            <tr  class="td-Goal_3_p8">
                <th class="title"> Goal 3 P8: </th>
                <td class="value"><?php Html :: star_rating($data['Goal_3_p8'], "7") ?></td>
            </tr>
            
            
            <tr  class="td-Goal_4">
                <th class="title"> Goal 4: </th>
                <td class="value">
                    <span  data-value="<?php echo $data['Goal_4']; ?>" 
                        data-pk="<?php echo $data['id'] ?>" 
                        data-url="<?php print_link("chart/editfield/" . urlencode($data['id'])); ?>" 
                        data-name="Goal_4" 
                        data-title="Enter Goal 4" 
                        data-placement="left" 
                        data-toggle="click" 
                        data-type="text" 
                        data-mode="popover" 
                        data-showbuttons="left" 
                        class="is-editable" >
                        <?php echo $data['Goal_4']; ?> 
                    </span>
                </td>
            </tr>
            
            
            <tr  class="td-Goal_4_p1">
                <th class="title"> Goal 4 P1: </th>
                <td class="value"><?php Html :: star_rating($data['Goal_4_p1'], "7") ?></td>
            </tr>
            
            
            <tr  class="td-Goal_4_p2">
                <th class="title"> Goal 4 P2: </th>
                <td class="value"><?php Html :: star_rating($data['Goal_4_p2'], "7") ?></td>
            </tr>
            
            
            <tr  class="td-Goal_4_p3">
                <th class="title"> Goal 4 P3: </th>
                <td class="value"><?php Html :: star_rating($data['Goal_4_p3'], "7") ?></td>
            </tr>
            
            
            <tr  class="td-Goal_4_p4">
                <th class="title"> Goal 4 P4: </th>
                <td class="value"><?php Html :: star_rating($data['Goal_4_p4'], "7") ?></td>
            </tr>
            
            
            <tr  class="td-Goal_4_p5">
                <th class="title"> Goal 4 P5: </th>
                <td class="value"><?php Html :: star_rating($data['Goal_4_p5'], "7") ?></td>
            </tr>
            
            
            <tr  class="td-Goal_4_p6">
                <th class="title"> Goal 4 P6: </th>
                <td class="value"><?php Html :: star_rating($data['Goal_4_p6'], "7") ?></td>
            </tr>
            
            
            <tr  class="td-Goal_4_p7">
                <th class="title"> Goal 4 P7: </th>
                <td class="value"><?php Html :: star_rating($data['Goal_4_p7'], "7") ?></td>
            </tr>
            
            
            <tr  class="td-Goal_4_p8">
                <th class="title"> Goal 4 P8: </th>
                <td class="value"><?php Html :: star_rating($data['Goal_4_p8'], "7") ?></td>
            </tr>
            
            
            <tr  class="td-Comments">
                <th class="title"> Comments: </th>
                <td class="value">
                    <span  data-value="<?php echo $data['Comments']; ?>" 
                        data-pk="<?php echo $data['id'] ?>" 
                        data-url="<?php print_link("chart/editfield/" . urlencode($data['id'])); ?>" 
                        data-name="Comments" 
                        data-title="Notable Comments" 
                        data-placement="left" 
                        data-toggle="click" 
                        data-type="text" 
                        data-mode="popover" 
                        data-showbuttons="left" 
                        class="is-editable" >
                        <?php echo $data['Comments']; ?> 
                    </span>
                </td>
            </tr>
            
            
        </tbody>
        <!-- Table Body End -->
    </table>
</div>
<div class="p-3 d-flex">
    
    
    <div class="dropup export-btn-holder mx-1">
        <button class="btn btn-sm btn-primary dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
            <i class="fa fa-save"></i> Export
        </button>
        <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
            
            <?php $export_print_link = $this->set_current_page_link(array('format' => 'print')); ?>
            <a class="dropdown-item export-link-btn" data-format="print" href="<?php print_link($export_print_link); ?>" target="_blank">
                <img src="<?php print_link('assets/images/print.png') ?>" class="mr-2" /> PRINT
                </a>
                
                
                <?php $export_pdf_link = $this->set_current_page_link(array('format' => 'pdf')); ?>
                <a class="dropdown-item export-link-btn" data-format="pdf" href="<?php print_link($export_pdf_link); ?>" target="_blank">
                    <img src="<?php print_link('assets/images/pdf.png') ?>" class="mr-2" /> PDF
                    </a>
                    
                    
                    <?php $export_word_link = $this->set_current_page_link(array('format' => 'word')); ?>
                    <a class="dropdown-item export-link-btn" data-format="word" href="<?php print_link($export_word_link); ?>" target="_blank">
                        <img src="<?php print_link('assets/images/doc.png') ?>" class="mr-2" /> WORD
                        </a>
                        
                        
                        <?php $export_csv_link = $this->set_current_page_link(array('format' => 'csv')); ?>
                        <a class="dropdown-item export-link-btn" data-format="csv" href="<?php print_link($export_csv_link); ?>" target="_blank">
                            <img src="<?php print_link('assets/images/csv.png') ?>" class="mr-2" /> CSV
                            </a>
                            
                            
                            <?php $export_excel_link = $this->set_current_page_link(array('format' => 'excel')); ?>
                            <a class="dropdown-item export-link-btn" data-format="excel" href="<?php print_link($export_excel_link); ?>" target="_blank">
                                <img src="<?php print_link('assets/images/xsl.png') ?>" class="mr-2" /> EXCEL
                                </a>
                                
                                
                            </div>
                        </div>
                        
                        
                        <a class="btn btn-sm btn-info"  href="<?php print_link("chart/edit/$rec_id"); ?>">
                            <i class="fa fa-edit"></i> Edit
                        </a>
                        
                        
                        
                    </div>
                    <?php
                    }
                    else{
                    ?>
                    <!-- Empty Record Message -->
                    <div class="text-muted p-3">
                        <i class="fa fa-ban"></i> [html-lang-0009]
                    </div>
                    <?php
                    }
                    ?>

Re: Column Wrap Help

Reply #2 –
I guess I don't even know what to call my problem.
Column wrap doesn't appear to be it.

If you're unable to help, but know what I should call the issue when looking up answers, please let me know.

I'd like half the chart in one column, and the other half in a second column.

Thank you.

Re: Column Wrap Help

Reply #4 –
Do you happen to have a recommendation on how I could most efficiently achieve this?

Am I able to add something to the code I shared to split it into the other column? I tried adding two of the table view elements, and then wanted to go into the "custom" portion and delete some of the fields from each in the code, but the code didnt duplicate like I was anticipating. I'm having trouble wrapping my head around it....

Should I be able to break this data into 2 columns easily, or should I change the way in which data gets entered?

Thank you again also. I appreciate that you have the answers.

Re: Column Wrap Help

Reply #5 –
If its possible to enter a remote session with you again, or have you link me to a video where you edit this sort of thing, I'd be most grateful. In custom when I do duplicate the table code, and remove the portions I don't want to see it doesn't modify.

Thank you.