# Image tab strip component text and image align

**URL:** <https://forum.inductiveautomation.com/t/image-tab-strip-component-text-and-image-align/6618>\
**Category:** Ignition\
**Created:** [May 31, 2013, 7:29am UTC](https://forum.inductiveautomation.com/t/image-tab-strip-component-text-and-image-align/6618 "2013-05-31T07:29:00Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![mazeyrat](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/mazeyrat/32/10955_2.png) [@mazeyrat](https://forum.inductiveautomation.com/u/mazeyrat)\
**Post date:** [May 31, 2013, 7:29am UTC](https://forum.inductiveautomation.com/t/image-tab-strip-component-text-and-image-align/6618/1 "2013-05-31T07:29:00Z")

</div>

V7.6.1, in tab strip component,  
I don’t’ find some options to align text right, with image left for exemple or to configure space between text and image ?  
perhaps html code for the DISPLAY\_NAME ? ![:scratch:](https://us1.discourse-cdn.com/inductiveautomation/original/1X/76d1620bec252bfac07050c889ff5a91dc8a9c25.gif ":scratch:")

---

<div class="post-metadata">

**Author:** ![samson.miller](https://avatars.discourse-cdn.com/v4/letter/s/e9bcb4/32.png) [@samson.miller](https://forum.inductiveautomation.com/u/samson.miller)\
**Post date:** [May 31, 2013, 3:25pm UTC](https://forum.inductiveautomation.com/t/image-tab-strip-component-text-and-image-align/6618/2 "2013-05-31T15:25:16Z")

</div>

Click on the Edit Tab Icon in the tab strip customizer. Choose your horizontal and vertical alignment from the popup menu. Then, press okay. To configure space between image and text, simply put spaces at the end or beginnning of the display name field.  
 ![](https://us1.discourse-cdn.com/inductiveautomation/original/2X/9/916481faefb05c79c7e5921002c756920feaf44a.JPG)  
  
 ![](https://us1.discourse-cdn.com/inductiveautomation/original/2X/e/e9f26fe3a67a63c128a8c506e4d1790a6f5b86c1.PNG)

---

<div class="post-metadata">

**Author:** ![mazeyrat](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/mazeyrat/32/10955_2.png) [@mazeyrat](https://forum.inductiveautomation.com/u/mazeyrat)\
**Post date:** [May 31, 2013, 3:33pm UTC](https://forum.inductiveautomation.com/t/image-tab-strip-component-text-and-image-align/6618/3 "2013-05-31T15:33:52Z")

</div>

Yes, I use these options, but I try to align all the image icon on the left side ?  
 ![](https://us1.discourse-cdn.com/inductiveautomation/original/2X/8/862e71e077f31c31d0b8a862dd2a72591cdbc9c3.PNG)

---

<div class="post-metadata">

**Author:** ![samson.miller](https://avatars.discourse-cdn.com/v4/letter/s/e9bcb4/32.png) [@samson.miller](https://forum.inductiveautomation.com/u/samson.miller)\
**Post date:** [May 31, 2013, 3:46pm UTC](https://forum.inductiveautomation.com/t/image-tab-strip-component-text-and-image-align/6618/4 "2013-05-31T15:46:57Z")

</div>

Change the orientation of the tab strip to the left or right depending on your preference. Also, choose align left for “horizontal alignment” when you click on the Edit Tab Icon.  
 ![](https://us1.discourse-cdn.com/inductiveautomation/original/2X/c/c3c282633f71f137d3734131ad6d30ac9f3e35c3.PNG)  
  
 ![](https://us1.discourse-cdn.com/inductiveautomation/original/2X/f/f5a49fbd418fa05ee4771fc4e6211621e3aa9bf9.JPG)