javascript - how to make text align right in labels inside row -

-

i trying make simple demo given in image ![enter image description here][1]

i able display contend in view .but facing few issue in making page

  • how add background image in contend .i don't have same background image have similar background image in url
  • how make text align left in application .the end character in sigle line .how make label left align.
  • how add separator line in grid view .actually in row separator present.

here code 

<html ng-app="ionicapp">  <head>   <meta charset="utf-8">   <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">    <title>tabs example</title>    <link href="//code.ionicframework.com/nightly/css/ionic.css" rel="stylesheet">   <script src="//code.ionicframework.com/nightly/js/ionic.bundle.js"></script> </head>  <body>  </body>      <ion-view>         <ion-header-bar align-title="center" class="bar-balanced">             <div class="buttons" style="font-size:20px ;padding:3px">               <i style="font-size:30px;" class='icon ion-chevron-left'></i>             </div>             <h1 class="title">account</h1>         </ion-header-bar>         <ion-content>             <div class="button-bar">                 <a class="button button-small" ui-sref="a" ui-sref-active="button-balanced">account details</a>                 <a class="button button-small" ui-sref="l" ui-sref-active="button-balanced">related</a>                 <a class="button button-small" ui-sref="dinner" ui-sref-active="button-balanced">d</a>                 <a class="button button-small" ui-sref="dinner" ui-sref-active="button-balanced">notes</a>             </div>                <div>                 <h4 class="headertitle">account information</h4>                 <div class="row rowoffset">                     <div class="col gey_label_font">number:</div>                     <div class="col">0981234165</div>                     <div class="col"></div>                     <div class="col gey_label_font">name:</div>                     <div class="col">girish padhve</div>                 </div>                  <div class="row rowoffset">                     <div class="col gey_label_font">owner:</div>                     <div class="col">girish</div>                     <div class="col"></div>                     <div class="col gey_label_font">total ar:</div>                     <div class="col">345</div>                 </div>                  <div class="row rowoffset">                     <div class="col gey_label_font">last:</div>                     <div class="col">123</div>                     <div class="col"></div>                     <div class="col gey_label_font">last ] amount:</div>                     <div class="col">9891234165</div>                 </div>                  <div class="row rowoffset">                     <div class="col gey_label_font"> net collectible:</div>                     <div class="col">123</div>                     <div class="col"></div>                     <div class="col gey_label_font">past due:</div>                     <div class="col">9891234165</div>                 </div>                  <div class="row rowoffset">                     <div class="col gey_label_font"> total past due:</div>                     <div class="col">123</div>                     <div class="col"></div>                     <div class="col gey_label_font">total promised:</div>                     <div class="col">9891234165</div>                 </div>                  <div class="row rowoffset">                     <div class="col gey_label_font">total disputed:</div>                     <div class="col">123</div>                     <div class="col"></div>                     <div class="col gey_label_font">limit:</div>                     <div class="col">9891234165</div>                 </div>                 <div class="row rowoffset">                     <div class="col gey_label_font">remaining:</div>                     <div class="col">123</div>                     <div class="col gey_label_font"></div>                     <div class="col">credit score:</div>                     <div class="col">9891234165</div>                 </div>               </div>          </ion-content>     </ion-view>     </html>

the columns in codepen aligned left me, assume worked out. background image , separator lines, can use these css rules: http://codepen.io/anon/pen/yxnvvv

#wrapper {    background-image: url(https://dl.dropboxusercontent.com/s/nz1fzunlqzzz7uo/login_bg.png?dl=0); }  .rowoffset{     border-top: 1px solid gray; }  .gey_label_font{     text-align: right; }

Comments

Post a Comment

Popular posts from this blog

Java 3D LWJGL collision -

-
i making 3d java game lwjgl library, , wondering how add collision detection, player not go through models. i using obj models. here objloader class, loads models: package renderengine; import java.io.bufferedreader; import java.io.file; import java.io.filenotfoundexception; import java.io.filereader; import java.util.arraylist; import java.util.list; import models.rawmodel; import org.lwjgl.util.vector.vector2f; import org.lwjgl.util.vector.vector3f; public class objloader { public static rawmodel loadobjmodel(string filename, loader loader){ filereader fr = null; try { fr = new filereader(new file("res/"+filename+".obj")); } catch (filenotfoundexception e) { system.err.println("couldn't load file!"); e.printstacktrace(); } bufferedreader reader = new bufferedreader(fr); string line; list<vector3f> vertices = new arraylist<vector3f...
Read more

spring - SubProtocolWebSocketHandler - No handlers -

-
i have ugly error during deploying spring app on jboss. 18:11:16,025 error [org.apache.catalina.core.containerbase.[jboss.web].[default-host].[/consumer]] (msc service thread 1-7) exception sending context initialized event listener instance of class org.springframework.web.context.contextloaderlistener: org.springframework.context.applicationcontextexception: failed start bean 'subprotocolwebsockethandler'; nested exception java.lang.illegalargumentexception: no handlers @ org.springframework.context.support.defaultlifecycleprocessor.dostart(defaultlifecycleprocessor.java:176) [spring-context-4.1.3.release.jar:4.1.3.release] @ org.springframework.context.support.defaultlifecycleprocessor.access$200(defaultlifecycleprocessor.java:51) [spring-context-4.1.3.release.jar:4.1.3.release] @ org.springframework.context.support.defaultlifecycleprocessor$lifecyclegroup.start(defaultlifecycleprocessor.java:346) [spring-context-4.1.3.release.jar:4.1.3.release] @ org.s...
Read more

methods - python can't use function in submodule -

-
my folder structure this: pythonstuff/ program.py modulea/ __init__.py foo.py bar.py here's code bar.py : def hello(): print("hello, world!") here's code program.py : #!/usr/bin/env python3 modulea import bar bar.hello() i run $ python3 program.py somehow error: file "program.py", line 3, in <module> bar.hello() attributeerror: 'module' object has no attribute 'hello' edit: __init__.py file empty. edit2: after trying realized had bar.py in root directory contained hello() method. bar.py in modulea/ directory empty. add it import os __all__ = [] module in os.listdir(os.path.dirname(__file__)): if module != '__init__.py' , module[-3:] == '.py': __all__.append(module[:-3]) the init .py files required make python treat directories containing packages; done prevent directories common name, such string, unintentionally hiding v...
Read more