Custom tool bar menu item xamarin forms - xamarin.forms

I would like to achieve similar tool bar menu item. I would like to add image in left and text in right. Image is font awesome icon. So I would like to create custom template with label . And show like this menu item . I have tried absolute layout with listview . It not working. I am thinking to use picker but it occupy full screen.but it needs to display like in image .. any one please help on this to overcome issue.

Related

Watermark and selected item padding

Im creating a dropdown for post type using xamarin forms and syncfusion combobox. How to increase the left padding for the watermark(placeholder) to make it aligned with the placeholder position in picker or editor?
Image Reference
Welcome to SO!
Unfortunately, from Customizing ComboBox in Xamarin ComboBox (SfComboBox) , there is no more way to change the position of Watermark.
The only idea I found that is add some space before word to make it work.
For example: Watermark=" Enter 'A' to filter suggestions"
The effect:

Is there anyway to add a icon in the Entry placeholder?

I can not use a Background Image because cannot fix the position of the start point.the placeholder text is centered.so it is not duplicated.
How to add an icon in the placeholder of an Entry beside using Grid or Layout. Just add it in the placeholder.
I want to make an Entry with placeholder containing an icon . Which is center in the Entry so that I can not use grid or layout to add a Image because this is not the best way.
I think I will have to make clicked event functions of the Image and the entry focus to hide the Image.
The expected result is like that:
Entry
The first way I can think of doing this:
If the icon you would like to use is a generic icon, FontAwesome is a fantastic fontkit that displays icons in the place of text. I have implemented it into Xamarin Forms many times. Here are some tutorials on how to do that:
https://www.wintellect.com/using-fontawesome5-xamarin-forms/
https://doumer.me/icons-with-font-awesome-5-xamarin-forms/
What you would do is set the FontFamily of the entry field to FontAwesome, and then add a textchanged event on text length > 0 change the fontfamily to your normal font, on text length = 0 (Place holder displayed) Change font family to FontAwesome.
The second way I can think of doing this:
Create a Xamarin Forms Custom Renderer for all of the platforms you are using. whereby you will on the native level alter how the Entry field functions to display an icon in its placeholder. To do this you will either need some native expierience on both platforms or some patience and learning about the native platforms.
If you need further help feel free to drop a comment :)

How to add columns in one slide in divi slider?

I want to add two columns on one slide on the full width slider on the Divi theme in wordpress but I don't found how to add it,
I need an image on the left and text on the right as shown on the below image
That's actually built-in functionality. You just need to add the image and and it will automatically place it like your screenshot. If you want it on the right there is a dropdown for that as well.

Ionic Platform custom midle tab

So i having problem to customise in bottom tabs the middle, i want to make middle tab height bigger then other tabs, so i cant find the way to customise it. It would be nice if there would be somebody that can help with this.
Link for editing link. And wanted result image.
Tried separately change the hight but, there are a feeling that flex box doesn't allow to tab go out of content.
Inherit the CSS class that holds the icon in the middle and add your custom properties.

bootstrap child menu not align properly

Please see the menu image bellow
i'm using bootstrap navigation menu here .when if its items are few its child pop up menu goes as this .i'm tried a lot but not found a good result ,this menu items generated by dynamically from asp.net
help me to solve this .

Resources