Use Stencils in Zurb Foundation 5 - zurb-foundation

I have used Foundation 4 with Custom Forms before and they work great. With Foundation 5 however I am unable to understand how to use them. Need help!
Going to the URL: http://foundation.zurb.com/stencils.html it gives strange guide on using it which I am not able to understand.

Stensils is a set of tools that helps you to quickly create interfaces in OmniGraffle.
More inforamation about OmniGraffle, here:
http://www.omnigroup.com/omnigraffle
If you need to create some custom forms for web, better to look here:
http://foundation.zurb.com/docs/components/forms.html

As you can see at
http://foundation.zurb.com/docs/upgrading.html#upgrading-the-sass
#import "foundation/components/sections";
#import "foundation/components/custom-forms";
have both been removed from the foundation framework. If you are looking to continue using custom forms as defined in Foundation 4 and as described in their official documentation
http://foundation.zurb.com/docs/v/4.3.2/components/custom-forms.html
Then you should probably switch back to Foundation 4.
As an alternative, you could always use CSS3 and pseudo elements to style the checkboxes and or radio buttons without having to use a javascript plugin to do it.

Related

How to use LeanbackTabLayout with Leanback theme?

I'm working on an Android Tv app and have been using Leanback as a theme, however I need to implement a TabLayout for the top nav as I am not using the standard BrowseSupportFragment.
The problem is that I in order to use LeanbackTabLayout I must use Theme.AppCompat, but if I use Theme.AppCompat instead of Theme.Leanback I lose all the Leanback styling and D-pad functionality.
ContextWrapper has been suggested, but the documentation did not
provide much clarity for me. I'm not sure if I should use
Theme.Leanback as my parent application theme and apply
Theme.AppCompat to my LeanbackTabLayout using ContextWrapper or go
about it some other way.
I've tried using Theme.AppCompat.Leanback as my parent application
theme. This allowed me to keep the Leanback styling, but I no longer
have D-pad controls.
Does anyone have any suggestions on how to make ContextWrapper or Theme.AppCompat.Leanback work in this situation or any other workaround?

Replace Javascript with Bootstrap responsive slideshow

I'm trying to find a nice looking bootstrap slideshow that looks similar to this one: https://www.jssor.com/demos/simple-fade-slideshow.slider
I would use the one in the link but it's got way to much Javascript and doesn't respond properly when I change the size of my window. Any ideas how I could create this using Bootstrap, HTML and CSS only? So it still needs to be automatic as well.
Thank you
It’s the carousel you’re after, without knowing which version of bootstrap you’re on I cannot provide an example but you can find full examples for what you need in the bootstrap docs: https://getbootstrap.com/docs/4.1/components/carousel/

How to customize the text on ion-toggle in ionic2

am looking to customize the ion-toggle, to show custom text. I need it to say Yes/No. Tried looking for solutions and found that we can use ion-toggle-text. But that solution does not seem to work in ionic2. Below is the code snippet am using. Tried to use ng-true-value but did not work either.
<ion-toggle ion-toggle-text="Yes;No" ng-true-value="Yes" ng-false-value="No">
</ion-toggle>
I could not find anything related to this in ionic documentation for ion-toggle.
Can you pls let me know how do I achieve this functionality?
ion-toggle-text paramter was only available in ionic 1 . For ionic 2 and later, you cannot place text on toggle.
If you want to make a custom button, the best way to make your own toggle button on a pattern described here : https://www.w3schools.com/howto/howto_css_switch.asp and then add text within it.

What is the alternative for sc:EditFrame in Sitecore MVC

The project I'm working on is a new Sitecore 8 site build using MVC and with a demand for page-editor support. The simple fields are being addressed with the FieldRenderer.render() method, but there are also some droplink and multilist fields that need to be available in page editor.
In webforms you could use the sc:editframe control for that, but how can I get the same functionality while using Sitecore MVC?
Just an FYI in Sitecore 8.2 there is support for edit frames:
#using Sitecore.Mvc.Extensions
Then
#using(Html.EditFrame(...)) {...}
If not already, I highly recommend using GlassMapper to map your Sitecoce object to strongly typed objects in your code.
With Glass, you can then use the BeginEditFrame concept to replace the sc:EditFrame functionality of WebForms.
To take it a step further, look to implement edit frame buttons (this link is not Sitecore 8 specific, but the method to implement edit frame buttons is the same) in the core database to allow a very-friendly Experience Editor experience.

Zurb Foundation - Images with rounded corners

I've recently started using Foundation (v5), maybe I'm missing something in the documentation but I can't seem to figure out how to apply rounded corners to images. There are the .radius and .round classes, I tried using them on an img tag(also in the parent div) and it doesn't work. Bootstrap has a class ready for this, maybe in Foundation we have to code ourselves, but I'd hate to code something that already exists by default.
Foundation has a $global-radius (3px) which it applies to a lot of its classes (like thumbnails), but no it doesn't have any img-round etc...like Twitter Bootstrap does.
You will need to do your own on this [border-radius] (or if you are using Sass create your own variables).