Can I edit the when the start time of flip from hubtile? I have 2 hubtile and it flip together. I do want the hubtiles flip not in the same time. I already try manipulate it using UpdateInterval but it doesn't satisfy me because some time it will flip together again. Any solutions?
This is my xaml code. In cs I did nothing
<telerikPrimitives:RadCustomHubTile Width="198" Height="193" Margin="18,117,240,372" x:Name="NabiHome" UpdateInterval="0:0:2" Tap="NabiHome_Tap">
<telerikPrimitives:RadCustomHubTile.FrontContent>
<Image Source="/Images/Button/25 Nabi.png"></Image>
</telerikPrimitives:RadCustomHubTile.FrontContent>
<telerikPrimitives:RadCustomHubTile.BackContent>
<Image Source="/Images/Button/25 Nabi.png"></Image>
</telerikPrimitives:RadCustomHubTile.BackContent>
</telerikPrimitives:RadCustomHubTile>
<telerikPrimitives:RadCustomHubTile Width="198" Height="193" Margin="241,320,17,169" UpdateInterval="0:0:3" x:Name="Quiz" Tap="Quiz_Tap">
<telerikPrimitives:RadCustomHubTile.FrontContent>
<Image Source="/Images/Button/Quiz.png"></Image>
</telerikPrimitives:RadCustomHubTile.FrontContent>
<telerikPrimitives:RadCustomHubTile.BackContent>
<Image Source="/Images/Button/Quiz.png"></Image>
</telerikPrimitives:RadCustomHubTile.BackContent>
</telerikPrimitives:RadCustomHubTile>
Related
I create a star via an SVG polygon. It draws fine when the stroke width is 1, but with wider strokes, the bottom left (and only the bottom left) vertex gets cut off. Does anyone know why this happens (and how to fix it)?
The following snippets (which I displayed using https://www.w3schools.com 'try it') show the problem, both with the original star and with just the bottom 'arm' isolated as a simple triangle:
<svg height="200" width="200">
<polygon points="16,53 23,35 8,25 25,25 30,8 36,25 53,25 38,35 45,53 30,41" style="fill:none;stroke:purple;stroke-width:7" />
Sorry, your browser does not support inline SVG.
</svg>
<svg height="300" width="300">
<polygon points="120,164 64,212 92,140" style="fill:none;stroke:purple;stroke-width:9" />
Sorry, your browser does not support inline SVG.
</svg>
The default stroke-miterlimit is 4. You need a larger number than that because your star is quite pointy.
<svg height="200" width="200">
<polygon transform="translate(10, 10)" points="16,53 23,35 8,25 25,25 30,8 36,25 53,25 38,35 45,53 30,41" style="fill:none;stroke:purple;stroke-width:7; stroke-miterlimit:10" />
Sorry, your browser does not support inline SVG.
</svg>
I have a document (shown below), created with pdftohtml (linux package/command). It has enough information to render a page. For example, see the page's height & width attributes. Also some textboxes with coordinates. I am thinking how should I approach the task of rendering it back to a readable, pdf-like view. Appreciate any pointer.
<page number="112" position="absolute" top="0" left="0" height="992" width="756">
<text top="78" left="108" width="540" height="21" font="22">This configures networking routes such that you have unique IP addresses assigned</text>
<text top="98" left="108" width="118" height="21" font="22">to every service of </text>
<text top="101" left="226" width="135" height="15" font="25">type: LoadBalancer</text>
<text top="98" left="360" width="4" height="21" font="22">.</text>
<text top="132" left="108" width="127" height="28" font="33"><b>Configuring DNS</b></text>
</page>
The whole point is it should be a HTML view.
So for example I print this Page to a PDF (Top) and run the pdftohtml command I get the output (Middle) with lower browser HTML view.
Now I can print to PDF again, However there are penalties for round tripping PDF some links will work but not other links (like that package one), or some other objects NOTE the line starting "Also" may need co-ordinate re-adjustments. Most easily after correction you could use a single command line to Chrome/Edge --headless "Print-to-PDF in place of my manual reprint.
We are having answer options to a questions is set as label to the RadioButton. When answer is more than one line's length it is being truncated and followed with ... which in hovering shows the complete answer as tooltip.
We want to wrap the answer in multiple lines instead of truncating. How can we do it?
The code is:
...
a1.label = answers[_index].atext;
a1.id = answers[_index].cans+ "_" + answers[_index].id;
...
<s:VGroup id="Answers" left="145" bottom="193" width="725" height="372"
chromeColor="#F7F9FB" gap="20" horizontalCenter="8" verticalCenter="46" click="enablenext();">
<s:RadioButton id="a1" x="568" y="346" width="500" height="60" click="enablenext();"
fontFamily="Arial" fontSize="16"/>
<s:RadioButton id="a2" x="1068" y="346" width="500" height="60" click="enablenext();"
fontFamily="Arial" fontSize="16"/>
<s:RadioButton id="a3" x="437" y="305" width="500" height="60" click="enablenext();"
fontFamily="Arial" fontSize="16"/>
<s:RadioButton id="a4" width="500" height="60" fontFamily="Arial" fontSize="16"/>
</s:VGroup>
The display sample is:
=================================================================
UPDATE 1:
Used the control shared in the link to implement MultilineRadioButton.
But the problem now is line length is two less how to increase to around 500 pixels?
Current screenshot:
======================================================================
Update 2
I created a custom skin using RadioButton class
Applied the skin in styles section to RadioButton
First I deleted maxDisplayedLines under Label. Not working. Then I set its value to 3. Still not working....
In skin for label added lineBreak first to explicit then toFit.... to no result still getting tooltip for longer sentences.
Update 3
I created a new project with only RadioButton and Button to add text to radioButton. It was working fine.... so it goes worse...
Finally solved the issue.
It seems the skin has to applied in mxml containing application even if the control is going to be used in mxml with Group in it.
Solved this issue with the help of my co-workers.
I try to crop image in windows phone 8 App.
I use following namespace
xmlns:y="clr-namespace:System.Windows.Media.Imaging;assembly=Microsoft.Phone"
And write content panel like this.
<!--ContentPanel - place additional content here-->
<Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0">
<Image HorizontalAlignment="Left" Height="200" Margin="97,153,0,0" VerticalAlignment="Top" Width="200">
<Image.Source>
<y:CroppedBitmap
SourceRect="30 0 75 50">
<y:CroppedBitmap.Source>
<BitmapImage UriSource="/Assets/image.jpg"/>
</y:CroppedBitmap.Source>
</y:CroppedBitmap>
</Image.Source>
</Image>
</Grid>
Error is occurred.
error : The tag 'CroppedBitmap' does not exist in XML namespace 'clr-namespace:System.Windows.Media.Imaging;assembly=Microsoft.Phone'.
If anyone can solve this or do this using another way. please help me.
Use WriteableBitmapExtension library instead which has inbuilt crop functionality.
http://writeablebitmapex.codeplex.com/
I have a page with GridView that contains 5 large rectangles:
<Grid Background="{StaticResource ApplicationPageBackgroundThemeBrush}">
<GridView Padding="120,90,46,40">
<GridView.Items>
<Rectangle Width="450" Height="300" Fill="Green" Opacity="0.7" />
<Rectangle Width="450" Height="300" Fill="Blue" Opacity="0.7" />
<Rectangle Width="450" Height="300" Fill="Orange" Opacity="0.7" />
<Rectangle Width="450" Height="300" Fill="Green" Opacity="0.7" />
<Rectangle Width="450" Height="300" Fill="Red" Opacity="0.7" />
</GridView.Items>
</GridView>
</Grid>
When scrolling the GridView to the left and the left rectangle is 'touching' the left side of the tablet screen then all tiles 'bounce' back and forth several times.
Is there any way how to disable this 'bounce' effect? What I have seen is that this 'bouncing' is related to the number of tiles and the width of the screen (in my case it is 1366). When I have more then 6 tiles, the effect is not visible.
The GridView and ScrollViewer have this bouncing effect to show a user he has reached the end of a list. if you don't have this effect it can feel for a user that scrolling is not responding. There is no way to change this.
When you have more then 6 tiles (and you actually have to scroll) this effect will be visible if you scroll to 1 side and then try to continue scrolling.
What do you mean with "back and forth" several times? this shouldn't happen it should only bounce back once. i've copied your code in an empty project and it does not bounce back and forth but only once. (do you have other code that could influence scrolling?)