Monaca Onsen UI Discord Chat Github Repo

Display text in center



  • @foodx when i use the ons-rwo and ons-col i want the text display in center bt its not wokring
    <ons-row style=“width:100%;”>

    		<ons-col width="50%" align="center"   align="center"  style="border:1px solid gray; border-top:0px; border-left:0px; border-bottom:0px; height:25px;
    ">
    			<label ng-click="byDirectoryChange(0)"  align="center"  class="tab-bar__item tab-bar--top-border__item"  style="color:red";>
    			<input type="radio" name="directoryTabbar" checked align="center" >
    			<button   style="margin-top:-11px;  "   align="center"  class="tab-bar__button tab-bar--top-border__button" id="ifcMallId" onclick="toggleFunction()">
    			<b align="center" >BY CATEGORY</b>
    			</button>
    			</label>
    		</ons-col>
    		
    		<ons-col align="center" style=" border-top:0px; border-left:0px; border-bottom:0px; ">
    		
    			<label ng-click="byDirectoryChange(1)" class="tab-bar__item tab-bar--top-border__item">
    			<input type="radio" name="directoryTabbar">
    			<button  class="tab-bar__button tab-bar--top-border__button" onclick="myFunction();">
    			BY LEVEL
    			</button>
    			</label>	
    	</ons-col>
    	</ons-row>

  • Onsen UI

    @pujapawar There is no align attribute for ons-row. Just use normal CSS properties: text-align: center.



  • ok thnx