We have a requirement where the dropdown option list has three parts.
1 - A code part like , 1 , 2 , 2c, 3, 3d etc.
2 - A company name part , like Columbia Water
3 - A color part, like Green, Orange etc.
I want to change the format of the text partially inside the string.
**2c** Columbia Water Green
I have tried this :-
<div>
<select> <!--[ngStyle]="{'color': 'black','font-size': '20px','font-weight': 'bold'}"-->
<option>
<li><font color="black"><b>2c</b> Columbia Water </font><font color="green">Green</font></li>
</option>
</select>
If I put the ngStyle portion in the tag, only the selected dropdown will be formatted , and that too the entire string.
The same goes for option, the entire string is formatted.
I tried putting li inside of option, but that does not do anything to the string itself.
Is this possible at all, this will be very useful as this will run on android as a hybrid cordova app.
Use a span tag on each of the options and style appropriately in CSS.
<span class='part-code'>2c</span>
<span class='company-name'>Columbia Water</span>
<span class='part-color'>Green</span>
Related
I have a datalist that shows the autocompletion of some fields how can I make sure that the input is only a part of that selected field??
You can solve this problem by defining a variable of type number.
After selecting from the input, add a number to the variable and using ngIf in html or if in ts, Control the number of choices.
I assume that you have Street Names in the dropdown and that object also includes street information as well (maybe in some other variable). So you want user to search using the street information as well but in the dropdown you just want to show the user Street names? if that's the case,
you can do something like this:
<datalist>
<option>
{{streetName}} <span style="display:none">{{streetInfo}}</span>
</option>
</datalist>
This way your street information wont be shown but will filter the result on basis of stretInfo as well.
hope it helps.
I have a paragraph of text and I need to add two hyperlinks inside the text.
We can't break this out and I can't seem to figure what commands to add.
Example:
full text:
'It is a period of civil wars in the galaxy. A brave alliance of underground freedom fighters has challenged the tyranny and oppression of the awesome GALACTIC EMPIRE. --> should be a hyperlink to galactic#empire.com
Striking from a fortress hidden among the billion stars of the galaxy, rebel spaceships have won their first victory in a battle with the powerful Imperial Starfleet. The EMPIRE fears that another defeat could bring a thousand more solar systems into the rebellion, and Imperial control over the galaxy would be lost forever.
To crush the rebellion once and for all, the EMPIRE - should click to empire.com is constructing a sinister new battle station. Powerful enough to destroy an entire planet, its completion spells certain doom for the champions of freedom.'
Use Placeholders in the text box to separate the text and add Actions to the two placeholders that you need to add links to.
Create the text box.
Click in the text box to type and then right click Create Placeholder.
Click on the Expression (Fx) button of the Value box. Add your text inside quotes after an equals sign.
="Your text here"
Click OK to get back to the properties. Click on HTML to allow HTML code and OK again.
Click in the text box again two or three times to get the cursor to the right of your last text placeholder, then right-click and Add Placeholder again.
Add the text again. ="Empire" Ok. Click on HTML. Now go to the Action and add the email link mailTo:galactic#empire.com.
Repeat the steps for the other text and link.
You'll end up with a single text box with multiple text placeholders. You can add color for the links if desired.
When it runs, it will show the text with links.
You can use the < br > tags to separate the paragraphs.
My problem in SSRS: address lines 2 and 3 have no data
Pit ltd.
230 Sunset Blvd.
Field: Address Line 2
Field: Address Line 3
Singapore
Solution should be:
Pit ltd.
230 Sunset Blvd.
Singapore
How can I collapse these fields and also save space?
Edit: Alle these fields have to be single fields placed on the canvas. I cannot use a table due to different formattings for the fields.
You can add a visibility expression for the rows. You can also do this at a group level. Right click and go to row visibility.
Select "Show or hide based on an expression" radio button.
Click the expression button.
In the expression window, use Fields!AddressLine2.Value = NOTHING
Do the same for Address 3. Note I'm assuming your fields are named as displayed.
Update
For the same idea on a text box, just right-click the text box, go to text box properties, visibility, and use the same expression for the third option - "Show or hide based on an expression."
I working on setting up a new site and Volusion doesn't appear to have any tools available to create dependent options. I will have products on the store that will have multiple option combinations (see example below)
Option 1: Color (Red, Blue,Green)
Based on the selection of option 1, I need the correct option 2 to appear.
Option 2: Personalization
If red is selected---Line 1: 5 characters Line 2: 10 characters
If blue is selected---Line 1: 5 characters
If green is selected-- Line 1: 8 characters Line 2: 20 characters
While I would LOVE for the personaization options to appear and link to the option 1, I would also be okay to just use the "Option Side Note" in Volution which can automatically populate a note of text. Does anyone know an HTML code I can use for the Color option so that the text notes would automatically change to let the customer know the lines and characters to include?
It sounds like you are looking for Volusion SmartMatch functionality, at least in part.
http://support.volusion.com/article/smart-match
I'm using CGI script to create a Telephone Directory(Web based):If I give "ashok" the results will be as shown below.But I want to highlight the string "ashok" in the results(In the HTML page).How Can I do that?
NAME PHONE No. CITY STATE ADDRESS
Ashok 0956-253545 Gangtok Sikim H.no:A-22/54,lalnagar near kurji road,PIN::600033
Ashok Singh 0992-765876 punjab Punjab H.no:B-33/7,yerrakonda,ambedkar road,Pin:800234
Ashok Singh Sai 0452-764876 Gorakhpur Sikim H.no:B-23/7,konda,Bapuji road,Pin:4500234
Well it depends how you have the data laid out. If you have it as a table, set the cell's background colour, if not wrap the text to be highlighted in a <span> and set the background colour on that. It will give an impression like Google's cached pages highlight search terms.
<span style="background-color: #0dd;">Ashok</span>