Stack Overflow
Stack Overflow

Questions tagged [topcoat]

Topcoat is an open source CSS library designed to help developers build web apps with an emphasis on speed.

Topcoat is an open source CSS library designed to help developers build web apps with an emphasis on speed. It evolved from the Adobe design language developed for Brackets, Edge Reflow, and feedback from the PhoneGap app developer community.

Tag questions for issues with the application of themes, components or installation.

Website

15 questions
13
votes
1 answer

Topcoat vs Bootstrap 3 performance in a PhoneGap app

I'm coding a hybrid HTML5 app. Now I'm in the stage of choosing my tools. I've had few doubts that you already help me to clear up. But after discovering Topcoat I have this one last question. I already know that since Twitter Bootstrap reached…
danielmg
  • 211
  • 3
  • 13
6
votes
2 answers

-phonegap- Icomatic Topcoat icons render in Chrome but not in Android

I'm trying to make a custom button with an icon on it using Phonegap. I used https://github.com/topcoat/icons, and www.icomatic.io to create the icons. Then I saved the resulting icomatic files in a www/css/icomatic folder. For some reason the…
Tim
  • 89
  • 7
2
votes
4 answers

Topcoat/Phonegap Navigation

I'm switching from using JQM and Phonegap to using Topcaot and a few smaller libraries to take care of transitions and such. One thing I haven't found a micro-library for is the navigation. While many site I've seen say to create the UI and content…
mhartington
  • 6,905
  • 4
  • 40
  • 75
1
vote
1 answer

Pre text format in width

I am using topcoat css on a cordova mobile app. I want pre-text to fit within width and not word-wrap. http://codepen.io/civilwar/pen/JEebd I have text that I want to keep the return characters between paragraphs. I do not want to keep the width of…
Charles Morrison
  • 418
  • 1
  • 4
  • 23
1
vote
1 answer

Onsen UI/Topcoat class names

I was just wondering if there is a list of the topcoat/onsen class names. Class names such as .topcoat-button--large--cta. This would greatly aid my ability to customize the design of my app. Also, the docs only display a few and I am not too sure…
benjipelletier
  • 653
  • 5
  • 11
  • 29
1
vote
1 answer

Topcoat Side Menu on swipe

So I'm working on a phonegap app using topcoat and implemented a fly out menu as seen here. I'm using this script to open/close the menu $(function () { var slideMenuButton = document.getElementById('slide-menu-button'); …
mhartington
  • 6,905
  • 4
  • 40
  • 75
1
vote
1 answer

Topcoat switch component and selected. Best way to get event and states on or off?

I'm building my first phonegap app and i'm using topcoat as beautifier (pure css) demopage. Topcoat is great for mobile apps because everything is css based (hardware accelerated) and this is (btw) the way to go when building with phonegap. However…
kasper Taeymans
  • 6,950
  • 5
  • 32
  • 51
1
vote
2 answers

AngularJS + Phonegap app: Views fill 100% height

I'm building an android app with phonegap using angularJS + topcoat. I managed creating the index page, views and all the basic structure. My question is, there is some pages(partials) that doesn't have data to show. In that case, the view does not…
jpgrassi
  • 5,482
  • 2
  • 36
  • 55
0
votes
2 answers

Integrate mobile app with Kendo mobile UI , angularjs and topcoat

I have started an android app development. I want to integrate Kendo Mobile UI with Angularjs and Topcoat . But I am getting confused with all this. Please help me to understand the implementation of this thing. Also I am confused with the fact…
Anindya
  • 41
  • 1
  • 13
0
votes
1 answer

Having trouble combining Onsen UI ons-sliding-menu and ons-tabbar

Having trouble combining Onsen UI ons-sliding-menu and ons-tabbar. I want to have the sliding menu on the top and a icon bar at the bottom. I have tried the following:
user3474461
  • 1
  • 1
0
votes
1 answer

Hide opened drawer when clicking outside of the drawer

I am using the following code to toggle (show/hide) a drawer: http://outof.me/navigation-drawer-pattern-with-topcoat-css-library/ slideMenuButton.onclick = function (e) { var cl = document.body.classList; if (cl.contains('left-nav')) { …
pruefsumme
  • 341
  • 3
  • 16
0
votes
1 answer

How to use android checkbox and radio button in OnsenUI ios7 theme

I like onsen iOS7 theme but the iOS theme checkboxes and radio buttons are not really intuitive. I want to use android themes checkboxes and radio buttons instead. I tried copying android theme css from firebug console to a new css file to override…
Ajay
  • 105
  • 1
  • 9
0
votes
1 answer

CSS slide-out menu issue

Im using topcoat (topcoat.io), backbone.js and Phonegap for a mobile app Im builing. I want to create a Facebook style slide-out menu. Here is a link to the tutorial: http://outof.me/navigation-drawer-pattern-with-topcoat-css-library/ Here is the…
user1716672
  • 1,073
  • 2
  • 20
  • 44
0
votes
1 answer

CSS switch input text is not visible when background colour applied to parent element

I am looking at the topcoat library and using one of there components; Topcoat Switch. The example functions fine here: http://codepen.io/Topcoat/pen/upxds But in my app I nest the switch in an unordered list and have to apply a background colour to…
RyanP13
  • 7,413
  • 27
  • 96
  • 166
-1
votes
1 answer

how I use icon in topcoat icon button?

Might be a naive' one - but I am sort of stuck on how to put a icon in topcoat icon button. I am creating a dynamic list with delete and modify buttons (which I want to be icons). Any help is appreciated ...
rahul
  • 3,018
  • 4
  • 29
  • 28