Xamarin Forms How to add for custom layout scrollbar? - xamarin.forms

I have faced with issue how to add ScrollBar for Custom Layout ?
Unfortunately I have not found example or any mention in official documentation how to do this ...
I have found only that CollectionView has support scrolling and by inheriting from this Layout seems like it possible to do ...
But is there another way ?

Related

It is possible to make a pull up menu in Xamarin forms?

I´m starting to develop a application with Xamarin.forms we have the mockups and we need to implement somethink like a pull up menu / accordion menu. This component have to show over the content of the main page. I found a sketch from someone who wants to make the same as I, but no one give him a solution
This is the mockup of the component that I want to implement
I´ve searched a lot but i can not find something similar to the component that I want. Can some one please tell me if is possible to have components like this in xamarin? maybe using a external library
Thanks in advance

Drawer layout (navigation menu) in Xamarin Forms without using Master-Detail page

I'm new to Xamarin and I'm still learning and developing a cross platform app. I've found many tutorials and answers here on creating a Xamarin Forms Navigation menu using Master-Detail page. I've created one too. But I'm looking for alternatives ways to create a navigation menu without using master-detail page.
So, has anyone experimented or know how to create a navigation page without using Master-Detail page.
You could use the SlideOverKit. Its free from Xam Consulting.
Find it here

How to show an Image on top of a tabbed view in Xamarin.Forms?

I am using Xamarin.Forms and trying to achieve the next layout:
I want to keep the native look and feel for each platform (i.e: iOS tabs will be shown in bottom.), I just want to add an extra image on top of the tabbed view. I have been looking around and can't find any one providing a way for this to work. I just want to make sure and ask if this is actually doable in Xamarin.Forms while maintaining native look and feel for all platforms?
Is not possible (using Xamarin Forms) to do this. TabbedPage is a Control that fills the entire display.
Here there is a interesting discussion about "TabView".
I think you can use some other controls to try to do the same thing. For example, buttons + CarouselView.
Otherwise on GitHub there are some guys that have tried to implement what you need.. TabView

How to add overlay text to camera screen in xamarin forms?

I would like to add an overlay to the camera.How can it be done in xamarin forms
The ultimate answer is always that you can write a custom renderer for your camera control and add the overlay using you platform native capabilities.
For a Xamarin.Forms solution that doesn't involve custom renderers it is important to know what camera control you are using to begin with.
If you are using the XLabs camera control you could inject your custom MediaPicker.cs directly after registering the service.
A customrenderer is the answer. You could easily use AVFoundation, see this blog post that got me going https://blog.xamarin.com/how-to-display-camera-ios-avfoundation/.
I did this by creating a custom control following the steps in this link: https://learn.microsoft.com/en-us/xamarin/xamarin-forms/app-fundamentals/custom-renderer/view
It's very basic and you'll need to add more things to have a full usable camera, but it's a good start.
There is a discussion around the focus for that camera in here: Camera Using custom Camera Preview Renderer is not clear

Sitefinity CSS classes for basic vertical navigation with sub-pages

I am having such a difficult time trying to figure out how to style my basic vertical navigation with drop-down sub-pages in Sitefinity.
I cannot find a simple tutorial or explanation for what CSS classes I need to target in order to change the style of my navigation, the documentation provided is SO UNCLEAR, and I haven't found much help in the forums.
All I can find so far is that I need to create a main.css file which I use to create a customized skin, but I can't get a straightforward answer about what to target for this specific look.
Any help would be much appreciated from this Sitefinity newcomer!
The Navigation Widget is using the Telerik RadControls to generate the menu's. This could be:
RadMenu
RadPanelBar
RadTreeView
...
Based on the Navigation mode you choose, one of these is rendered. Probably you are using the Simple Vertical Menu?
You could override the classes that are generated, or define a Skin.
Goto the designer of your Navigation Widget
Add a name (e.g. CustomSKin) into the 'Wrapper CSS' field.
Check your markup using e.g. Firebug or Chrome Extensions. You will see this prefix added to the markup of your navigation section.
Then you can declare the classes you want to style like this:
.RadPanelBar_CustomSkin .rpRootGroup {
// Your css
}
You could always take a look at the documentation of the RadControls that Telerik offers:
http://www.telerik.com/help/aspnet-ajax/panelbar-appearance-css-selectors.html
Kind regards,
Daniel Plomp
The easiest way to me seems to go to the Sitefinity Template builder, then follow the steps bellow:
Go to the http://templatebuilder.sitefinity.com
Go to Navigation and drag a vertical menu.
Go to appearance, choose a skin for the navigation from the Navigation Skin dropdown.
Export the template (save it to your had disk).
Unzip it and go to the \css folder.
Now change the Menu.SkinName.css.
Hope this helps. I guess the folks at Telerik didn't put more info on styling menus as there is a template builder that gets some of the work done.

Resources