Display icons RSS

• • Reply
  jimmy_vas

  None

  0 Points

  1 Post

  Display icons

  Jan 17, 2021 09:53 PM|jimmy_vas|LINK

  I have a column in table for operations with a number of icons.

  The problem is that the icons are displayed vertically.

  I want it to be displayed horizontally.

• • Reply
  XIII

  All-Star

  191741 Points

  20952 Posts

  ASPInsiders

  Moderator

  MVP

  Re: Display icons

  Jan 18, 2021 07:30 AM|XIII|LINK

  Hi,

  and welcome to the ASP.NET forums.

  jimmy_vas

  The problem is that the icons are displayed vertically.

  A bit of code for us take a look at would be helpful while we're trying to help you.

  Likely your table is already taking up a lot of width and "pushes" the icons together so that the column displays everything vertically. I suggest you specify a width for that column so that it takes up more space and displays the icons horizontally like you want.

  Take a look html column width - Google Search.

  For example like:

  <table style="width: 100%">
      <colgroup>
         <col span="1" style="width: 15%;">
         <col span="1" style="width: 70%;">
         <col span="1" style="width: 15%;">
      </colgroup>
      
      
      
      <!-- Put <thead>, <tbody>, and <tr>'s here! -->
      <tbody>
          <tr>
              <td style="background-color: #777">15%</td>
              <td style="background-color: #aaa">70%</td>
              <td style="background-color: #777">15%</td>
          </tr>
      </tbody>
  </table>

  Sample code taken from html - Setting table column width - Stack Overflow.

  Kris.

  Read my blog | Twitter
  Working with Azure, chatbots, ASP.NET MVC, Web API, EF, MS SQL, ...
  Keep the forums clean: report to the moderation team!