Changes between Initial Version and Version 1 of Ticket #15296


Ignore:
Timestamp:
May 25, 2018, 10:48:59 AM (5 years ago)
Author:
rosskyl
Comment:

Legend:

Unmodified
Added
Removed
Modified

  • Ticket #15296 – Description

    initial v1  
    1 Below is a sample of my HTML and css. The default ui-icon for the accordion doesn't show up unless there is something in the span it creates. Once I put something in the span, it shows up like it should without showing the content in the span. This is only for Microsoft Edge and Internet Explorer. It works as expected in Chrome and Firefox.
     1The default ui-icon for the accordion doesn't show up unless there is something in the span it creates. Once I put something in the span, it shows up like it should without showing the content in the span. This is only for Microsoft Edge and Internet Explorer. It works as expected in Chrome and Firefox.
    22
     3https://jsfiddle.net/teq6m1d8/
    34
    4 CSS:
    5 
    6 {{{
    7 .mediumTextSize {
    8     font-size: medium;
    9 }
    10 .specificWidth {
    11     width: 10%;
    12 }
    13 .bold {
    14     font-weight: bold;
    15 }
    16 .unansweredQuestion, .questionRow {
    17     width: 100%;
    18     display: table-row !important;
    19 }
    20 .horizontalInput {
    21     display: inline;
    22     padding: 5px;
    23 }
    24 }}}
    25 
    26 
    27 
    28 HTML:
    29 
    30 {{{
    31 <table class="table ui-accordion ui-widget ui-helper-reset" id="accordion" role="tablist">
    32     <thead class="mediumTextSize">
    33         <tr>
    34             <th class="specificWidth"></th>
    35             <th>Question Asked</th>
    36             <th>Timestamp</th>
    37             <th>Number of answers</th>
    38         </tr>
    39     </thead>
    40 
    41     <tbody>
    42             <tr tabindex="0" class="unansweredQuestion ui-accordion-header ui-corner-top ui-accordion-header-collapsed ui-corner-all ui-state-default ui-accordion-icons" id="ui-id-1" role="tab" aria-expanded="false" aria-selected="false" aria-controls="ui-id-2"><span class="ui-accordion-header-icon ui-icon ui-icon-triangle-1-e"></span>
    43                 <td>asdfsadfsadf</td>
    44                 <td class="DateTimeString">4/30/2018 3:16:43 PM</td>
    45                 <td>0</td>
    46             </tr>
    47             <tr class="suggestedAnswers ui-accordion-content ui-corner-bottom ui-helper-reset ui-widget-content" id="ui-id-2" role="tabpanel" aria-hidden="true" aria-labelledby="ui-id-1" style="display: none;">
    48                 <td colspan="4">
    49                          No answers were suggested.
    50 
    51                 </td>
    52             </tr>
    53             <tr tabindex="-1" class="unansweredQuestion ui-accordion-header ui-corner-top ui-accordion-header-collapsed ui-corner-all ui-state-default ui-accordion-icons" id="ui-id-3" role="tab" aria-expanded="false" aria-selected="false" aria-controls="ui-id-4"><span class="ui-accordion-header-icon ui-icon ui-icon-triangle-1-e"></span>
    54                 <td>how do I?</td>
    55                 <td class="DateTimeString">4/30/2018 3:16:21 PM</td>
    56                 <td>2</td>
    57             </tr>
    58             <tr class="suggestedAnswers ui-accordion-content ui-corner-bottom ui-helper-reset ui-widget-content" id="ui-id-4" role="tabpanel" aria-hidden="true" aria-labelledby="ui-id-3" style="display: none;">
    59                 <td colspan="4">
    60                         <table class="maxWidth table">
    61         <thead>
    62             <tr>
    63                 <th>Suggested Answer</th>
    64                 <th>Was Selected</th>
    65                 <th>Was Helpful</th>
    66                 <th></th>
    67             </tr>
    68         </thead>
    69         <tbody>
    70                 <tr>
    71                     <td>How do I re-order checks?</td>
    72                     <td><input name="answer.WasSelected.Value" disabled="True" id="answer_WasSelected_Value" type="checkbox" value="true" data-val-required="The Value field is required." data-val="true"><input name="answer.WasSelected.Value" type="hidden" value="false"></td>
    73                         <td></td>
    74                     <td><a class="btn btn-default btn-xs" href="/Admin/QnaItem/Edit/4fed1c02-1f2c-4da6-b4f4-1c06ce496488?qnaId=20b9353b-8c0b-e811-811b-e0071b729401">Edit Question</a></td>
    75                 </tr>
    76                 <tr>
    77                     <td>Can I use Quicken or Quickbooks with Online Banking?</td>
    78                     <td><input name="answer.WasSelected.Value" disabled="True" id="answer_WasSelected_Value" type="checkbox" value="true"><input name="answer.WasSelected.Value" type="hidden" value="false"></td>
    79                         <td></td>
    80                     <td><a class="btn btn-default btn-xs" href="/Admin/QnaItem/Edit/4fed1c02-1f2c-4da6-b4f4-1c06ce496488?qnaId=8b934181-b40b-e811-811b-e0071b729401">Edit Question</a></td>
    81                 </tr>
    82         </tbody>
    83     </table>
    84 
    85                 </td>
    86             </tr>
    87             <tr tabindex="-1" class="unansweredQuestion ui-accordion-header ui-corner-top ui-accordion-header-collapsed ui-corner-all ui-state-default ui-accordion-icons" id="ui-id-5" role="tab" aria-expanded="false" aria-selected="false" aria-controls="ui-id-6"><span class="ui-accordion-header-icon ui-icon ui-icon-triangle-1-e"></span>
    88                 <td>how do i?</td>
    89                 <td class="DateTimeString">4/30/2018 2:55:23 PM</td>
    90                 <td>2</td>
    91             </tr>
    92             <tr class="suggestedAnswers ui-accordion-content ui-corner-bottom ui-helper-reset ui-widget-content" id="ui-id-6" role="tabpanel" aria-hidden="true" aria-labelledby="ui-id-5" style="display: none;">
    93                 <td colspan="4">
    94                         <table class="maxWidth table">
    95         <thead>
    96             <tr>
    97                 <th>Suggested Answer</th>
    98                 <th>Was Selected</th>
    99                 <th>Was Helpful</th>
    100                 <th></th>
    101             </tr>
    102         </thead>
    103         <tbody>
    104                 <tr>
    105                     <td>How do I re-order checks?</td>
    106                     <td><input name="answer.WasSelected.Value" disabled="True" id="answer_WasSelected_Value" type="checkbox" checked="checked" value="true" data-val-required="The Value field is required." data-val="true"><input name="answer.WasSelected.Value" type="hidden" value="false"></td>
    107                         <td><input name="answer.IsHelpful.Value" disabled="True" id="answer_IsHelpful_Value" type="checkbox" value="true" data-val-required="The Value field is required." data-val="true"><input name="answer.IsHelpful.Value" type="hidden" value="false"></td>
    108                     <td><a class="btn btn-default btn-xs" href="/Admin/QnaItem/Edit/4fed1c02-1f2c-4da6-b4f4-1c06ce496488?qnaId=20b9353b-8c0b-e811-811b-e0071b729401">Edit Question</a></td>
    109                 </tr>
    110                 <tr>
    111                     <td>Can I use Quicken or Quickbooks with Online Banking?</td>
    112                     <td><input name="answer.WasSelected.Value" disabled="True" id="answer_WasSelected_Value" type="checkbox" checked="checked" value="true"><input name="answer.WasSelected.Value" type="hidden" value="false"></td>
    113                         <td><input name="answer.IsHelpful.Value" disabled="True" id="answer_IsHelpful_Value" type="checkbox" value="true"><input name="answer.IsHelpful.Value" type="hidden" value="false"></td>
    114                     <td><a class="btn btn-default btn-xs" href="/Admin/QnaItem/Edit/4fed1c02-1f2c-4da6-b4f4-1c06ce496488?qnaId=8b934181-b40b-e811-811b-e0071b729401">Edit Question</a></td>
    115                 </tr>
    116         </tbody>
    117     </table>
    118 
    119                 </td>
    120             </tr>
    121     </tbody>
    122 </table>
    123 }}}
     5It doesn't show up right because it doesn't include bootstrap or some jquery ui.