I am using ionic framework to make my first product on mobiles. I am trying to show a large block of text in different pages using ion-slide-box. But, the text is very dynamic, it can be anything and any number of characters. The page should not have vertical sliding. So, I have to find a way to calculate number of ion-slides required to show the entire text in as many pages (slides) as required. Is there a way in ionic or angularjs to achieve this?
Thank you in advance.
Related
I have a requirement to split the screen into half and display the duplicate data on the other side of the screen. Initially this was achieved through a popup.
Hence user can compare the data without switching the screen. I want to avoid the use of iFrames for this. Could anyone guide me on how to get started with this. My application is pure Angular.
Thanks
Pretty much most of what you're looking for is in this tutorial:
AngularJS, Master-Detail page
It shows how to split the screen into two, and display a clickable list of items on the left, and an item's details on the right. But for your request, it sounds like you'd want the same on both sides..?
Use case:
A web page where the user is presented with several cards containing text. The user can classify the cards by dragging them to one of four containers. The cards should then snap into place, and the container should display a counter with the number of cards it contains.
The app is based on Rails, but this obviuosly needs to be done in JavaScript. The content of the cards is read and written to the server through a JSON API.
I know basic JS, CSS and HTML 5, but I hope someone can point me in the right direction when it comes to implementing this. For instance:
Should I use HTML 5 canvas?
Is there a JS library that will make the implementation easier?
If you can use make it without canvas, by using simple jQuery code.
Take a look at jQuery UI (https://jqueryui.com), especially at Draggable and Droppable.
Is there any way of developing random content for a Webpage through using keywords and Google? This would random in a respect but within the peripheries of these keywords so content could be lightly directed to certain subject matter
Would the most sensible starting point to use a JQuery function? I was thinking the typewriter application could be a possible option
Any initial pointers would be very much appreciated
Thanks!
So, I've built a responsive site with Twitter Bootstrap. The problem is that I've done this using visible-phone, visible-tablet, and visible-desktop. This means that when someone views my source code, I have whole sections that are included twice or three times, in order to get around problems with differences in span amounts, or, for instance, because a carousel on the tablet should have 2 items, while on the desktop it should have 4.
I'm wondering if I'm doing this right. Should I be injecting (or adding? Not sure of the right name) code to the DOM dynamically using Javascript, based on screen size? Or should I be editing around with my custom, very simple .php files based on screen size? I don't know, and I can't find an answer about good practice anywhere. I've tried looking at sites I like for this, but I never find a javascript script that specifically adds stuff in this situation. Given, I'm not sure what I'd be looking for.
Any pointers?
I would avoid using script to dynamically add the content; as a fellow developer that just makes it less intuitive (in my opinion) and I always aim to produce intuitive code for the chap after me.
If your requirements state that a carousel should have four items on the desktop and two on mobile, then I think your solution is completely valid.
I'm working on a project that returns paged results with volumes potentially in the hundreds of pages. I've been playing around with more usable ways to perform paging than the standard fisrt/last/next/previous links and jump-to text box. One alternative I had was to have a scrolling list of pages. I'd display 5 to 7 links at a time, centered around the current page, but add onhover actions to buttons on either side to scroll through the numbered list. This allows users to jump way ahead in the page count if they like without the combersome "Jump to" textbox. Does anyone have any better ideas?
If not, I'm trying to decide on a way to implement the above functionality, but I'm not sure how to display only a section of a div (with the div being the full list of links.) Any ideas?
You might find Endless Pageless an interesting read.
Depending on the data you can categorize it different ways and display an index. Pages is one way. Calendar is another, etc..
basically Master/Detail view.
Another option is to use a slider control that displays the current page (and/or record range) numbers in a caption bubble.
You could use a dropdown list containing page numbers.