c# - Elipse fill issues with listview WP8.1 UAP -

-

i wanting position of item in list appear left of description reason making font messed , placing in center shown in image. wanting mimic same image have on map coresponds listview poistion.

<datatemplate x:key="imagetextlistinboxtemplate">         <stackpanel orientation="horizontal" width="470" height="85">             <border height="40" width="40" margin="10,10,0,10" verticalalignment="top">                 <image source="/sampleimage.png" stretch="uniformtofill"/>             </border>             <stackpanel orientation="vertical" verticalalignment="top" margin="0,10,0,0">                  <grid width="40" height="40">                     <ellipse fill="blue"  strokethickness="3"/>                     <textblock  foreground="white" verticalalignment="center" horizontalalignment="center" text="{binding _position}"/>                 </grid>                 <textblock text="" fontsize="20" fontweight="semilight"                         margin="10,0,0,0" width="320" height="26" texttrimming="wordellipsis"                         horizontalalignment="left" verticalalignment="top"/>                      <textblock text="{binding _name}" fontsize="20" fontweight="semilight"                         margin="10,0,0,0" width="320" height="26" texttrimming="wordellipsis"                         horizontalalignment="left" verticalalignment="top"/>                     <textblock text="{binding _postcode}"                         margin="10,2,0,0" width="320" texttrimming="wordellipsis" textwrapping="wrap"                         horizontalalignment="left"/>                 <textblock text="sed varius rhoncus metus, et condimentum"                         margin="10,2,0,0" width="320" texttrimming="wordellipsis" textwrapping="wrap"                         horizontalalignment="left"/>             </stackpanel>             <textblock text="00:00 am" fontsize="9" margin="20,0,0,0" verticalalignment="center"/>         </stackpanel>   </datatemplate>

with circle above
enter image description here

without circle removing following code

<grid width="40" height="40">                 <ellipse fill="blue"  strokethickness="3"/>                 <textblock  foreground="white" verticalalignment="center" horizontalalignment="center" text="{binding _position}"/>             </grid>

enter image description here

your containing stack panel fixed @ height="85". because it's vertical stack panel add items control vertically, you're specifying:

  • a stackpanel 10 top margin;
  • a grid of height 40;
  • an empty textblock of height 26;

leaving 9 pixels _name textblock, hence clipping of textblock , under you're seeing there.

there's number of ways ellipse grid left of 1 of text boxes, consider wrapping grid around textblock want displayed left of this:

            <grid>                 <grid.columndefinitions>                     <columndefinition width="auto" />                     <columndefinition />                 </grid.columndefinitions>                 <grid width="40" height="40" horizontalalignment="left">                     <ellipse fill="blue"  strokethickness="3"/>                     <textblock  foreground="white" verticalalignment="center" horizontalalignment="center" text="{binding _position}"/>                 </grid>                 <textblock grid.column="1" text="sed varius rhoncus metus, et condimentum"                     margin="10,2,0,0" width="320" texttrimming="wordellipsis" textwrapping="wrap"                     horizontalalignment="left"/>             </grid>

Comments

Post a Comment

Popular posts from this blog

Android : Making Listview full screen -

-
<linearlayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" tools:context=".mainactivity"> <edittext android:layout_margintop="5dp" android:layout_width="match_parent" android:layout_height="50dp" android:background="@drawable/location_edittext" android:id="@+id/locationeditext" android:textsize="15sp" android:textcolor="#999" android:paddingleft="15dp" /> <com.example.ravi_gupta.slider.viewpagercustomduration android:layout_width="wrap_content" android:layout_height="0dp" android:id="@+id/viewpager" android:scrollbarstyle="outsideoverlay" android:layout_weight="0.5...
Read more

javascript - Parse JSON from the body of the POST -

-
i'm using cameratag.com record video on website. service can send json response server can save data database. don't know how proceed here: the documentation states please note json repsonse passed in body of post , not form parameters. here example of how parse response in ruby: data = json.parse(request.raw_post) video_uuid = data["uuid"] but don't know how data on javascript. i'm not experienced in js please bare me :) post sample: { "uuid": "00012710-4b65-0131-ffe6-22000a499ea4", "camera_uuid": "98373a20-79ee-0130-3e42-1231390fcc11", "created_at": "2013-12-20t05:25:02.000z", "percent_complete": 100, "short_code": "kktb4q", "metadata": { }, "state": "published", "recorded_from": "http://singwho.com", "publish_type": null, "formats": [ { "name...
Read more

javascript - How to Hide Date Menu from Datepicker in yii2 -

-
basically in datetimepicker widget date choose first time, how can hide date option widget , filter according time. tried not working want hide remove button [ 'attribute'=>'time', 'label'=>'time', 'format'=>'raw', 'value'=>function($data){ return date('h:i:s',strtotime($data->time)); }, 'filter'=> datetimepicker::widget([ 'model' => $searchmodel, 'attribute' => 'time', 'clientoptions' => [ 'autoclose' => true, 'format' => 'hh:ii', 'showon' =...
Read more