I want to display a list of names on the screen and a vertical alphabet scroll bar on the right side of it...similar to the contact list application in Android.
So when I click a letter from alphabet scroll bar, all the names starting with that letter should appear at the top of the screen.
List of names
That is what fixed lead section mode does. It fixes the selection in one place so the rest of the list moves around it. This is quite common in non-touch UI's for mobile phones but not so much for newer devices so this feature isn't mentioned in the developer guide or used anywhere in our samples...
Furthermore, please notice that we no longer recommend using List as explained in the section covering it in the developer guide. It's an advanced and complex component that won't deliver advantages for most common use cases.
I have a list in my app that I'm creating with Sencha-Touch 2.3. Imagine a single list item that has multiple pieces of data equally spaced apart horizontally. There can be many list items like this. The size in between the boxes that are in each list item change depending on the device, because their size is a percentage of the devices width. What I described here is what I want to happen.
Right now I'm using an itemTpl with span elements. I gave the span elements a class so that I can reference it in css. The css changes I make to width do not make any difference to these span elements in each list item. The span elements all touch, with no space in between them no matter what I do.
How can I make what I described here happen? I've been searching the internet for an answer for a long time but haven't found anything.
Have you tried looking at the Ext.dataview.DataView with useComponents:true?
You can define a DataItem with a layout of hbox and use multiple sub-components with flex:1 to get a bunch of horizontal boxes with all equal width.
check out the docs here to get a sense of how to implement a DataItem inside of a DataView
this is how Chrome finds you a word when you search for it:
1) select it in all the places it appears.
2) draw little line in the scroll bar wherever it found the searched word.
I have a canvas with scroll view around it, and I want to perform the same thing on it.
I gues that for enabling the selection i'll have to use only richtextboxes ?!? (hope not).
any third party or idea or anything will be highly appreciated
Without looking directly at the Chormium Project (which is open source and available at Chormium Homepage) I would imaging what is happening on this particular example is something following these steps:
Word Highlighting
Search the page source/content for the keyword using a simple regex
Insert that text into some form of a HTML container (either a span or a div) with a particular id
Use CSS to style that container to indicated the highlighting
Sidebar Highlighting
Use some algorithmic method to vertical position of the highlighted term
Add a indicator to the side bar in a some presentation layer/control that is transparent and below the scroll bar
It may be possible that there exists a 3rd party control that does these things, or it may be possible to leverage your work off of the existing work in the chromium project. However it is most likely not done using a RichTextBoxes nor simple text selection.
I have a report which displays customer address in multiple labels.
My customers use windowed envelopes for mailing. I need the address labels position to be configurable.
Something like, I'll have a database table which stores the Top/Left position of each label per customer. Based on this table, I need to position the address labels on my report.
I thought, it is doable by expressions, but Location property doesn't provides ability to set an expression and make the label's top and left dynamic.
Anybody, any ideas, on how to achieve this?
As you mentioned, you cannot set an expression for location property. I want to do this before but it seems that there is no solution for this work.
Sorry for the duplicate post
I had the same problem as you did. I got around the problem by using an old HTML trick. It involves using a transparent.gif in an image. You put your image (linked to the gif), then put your label on top. Using a parameter, you can toggle which item to appear by setting an expression in the hidden property for both controls.
As stated by others, it isn't supported. However, here are two ugly work around possible for basic reporting.
Work around with padding.
You can't set formula on the label's location, but you can use padding option instead.
So you can set the label as wide as the report and as tall as the region.
Also, set the label's horizontal alignment to "Left" and Vertical alignment to "Top".
Then, add a formula in left and top paddings to offset the text.
You can also achieve a right aligned offsetted label by setting the Horizontal alignment to "right" and using right padding instead of the left one to offset the field from the right. With the same recipe, you can offset from the bottom by using "bottom" vertical alignment and bottom padding.
The ugly side:
This method will create a mess in the report designer as all dynamic label will overlap each other and take all the space over static label. Also, please note that with this method, you won't be able to do fancy stuff like adding borders around the text and hyperlinks.
Work around with sub report.
If the number of different positions for the label(s) are really low. You can create a subreport for each possibility and use a formula to display the right subreport for the right case. Sadly, this doesn't work for labels in the header as subreport aren't allowed there.
No solution, as it is not supported!!!
From MS online community support...
"As far as I know, the position of the textbox in the report is static not dynamic, so it will not shift to left."
Reference: http://forums.asp.net/t/1433297.aspx
I'm trying to add bullets to the SL4 RichTextBox. Using the Run / Paragraph objects and adding the correct bullet child seems to be an easy approach. However, when I want to apply a bullet to an existing paragraph, I would like to indent the content of the paragraph. How can apply this kind of styling to the paragraph? The margin doesn't exist for the SL version of Paragraph.
Thanks.
you have to find the Paragraph elements manually and insert corresponding character (bullet or tab) in each Paragraph. Check out this link:
http://www.codeding.com/?article=22