These are chat archives for ipython/ipython

2nd
Oct 2014
epifanio
@epifanio
Oct 02 2014 00:39
hi!
i’m tring to use the notebook from my phone, which has a small screen (samsung S3)
i’me having trouble in using it because the main bar when it is resized .. put all the commands in a vertical order, and occupy 80% of the screen
i tried to disable toolbar and header but doesn’t change too much
is there any temporary hack i can do in the notebook html layout to decrease its size to fit my screen ?
Jessica B. Hamrick
@jhamrick
Oct 02 2014 00:42
I think this might be a known issue
Does it look like this? ipython/ipython#6531
If so, it looks like @minrk has a pull request to address it but that hasn’t been merged yet, so you could try seeing if that PR fixes it
epifanio
@epifanio
Oct 02 2014 00:44
@jhamrick right it is my issue! i’m looking at pr to see if i can temporary apply the changes. thank you so much!
Thomas Kluyver
@takluyver
Oct 02 2014 00:44
and all that PR does is turn down the size at which it happens, so it may well still happen on a very small screen
Jessica B. Hamrick
@jhamrick
Oct 02 2014 00:44
Sure
Ah, yeah if it just turns down the size though maybe it won’t work
Jessica B. Hamrick
@jhamrick
Oct 02 2014 00:52
It possibly could; I don’t know enough about that part of the UI though. If that PR doesn’t fix it, it is probably worth it to leave a comment on that issue saying it still doesn’t work for super small screens like phones.
epifanio
@epifanio
Oct 02 2014 00:52
i’ll apply the pr first and let know here if works for a “small” s3
or a comment on the pr
Jessica B. Hamrick
@jhamrick
Oct 02 2014 00:53
Yeah
Hmm I seem to be getting messages out of order
In any case yeah, that sounds good
epifanio
@epifanio
Oct 02 2014 01:01
it works now, but rotating my screen 90 deg
before the bad behavior was on both screen orientation
i’ll try decrease the size a little bit more, trying to find the max value accepted for a standard screen orientation
Jessica B. Hamrick
@jhamrick
Oct 02 2014 01:03
Ok, cool
Thomas Kluyver
@takluyver
Oct 02 2014 01:07
I think most mobile interfaces hide the menus behind a common menu button that you have to tap to open them
maybe we should do that
epifanio
@epifanio
Oct 02 2014 01:09
@takluyver for UI on mobile there is also the “big” problem of a missed shift button that needs to be addressed. I’m using an external mini keyboard
there are some android app, like https://juicessh.com/ that have a custom keyboard. I’m looking on fdroid https://f-droid.org/ to see if there is a custom keyboard .. that can be modified and used fot the notebook
Thomas Kluyver
@takluyver
Oct 02 2014 01:17
yeah, it probably needs a more drastic UI overhaul
Min and I have tablets from the project to work on this, but it's fairly low priority, because so far not many people are trying to run it on mobile devices
epifanio
@epifanio
Oct 02 2014 01:18
well, now that classes are starting agaoin .. more people will do it ;)
i’m using it in 2 of 3 classes .. and it’s saving me a lot of time!
Thomas Kluyver
@takluyver
Oct 02 2014 01:18
writing code on such devices will probably always suck, because typing on mobile keyboards sucks, and doubly so if what you're typing is not human language
but reading and running code should be possible
epifanio
@epifanio
Oct 02 2014 01:19
with an extra external keyboard is less frustrating .. right.
Thomas Kluyver
@takluyver
Oct 02 2014 01:20
you can make typing better, but I can't imagine any keyboard makes it good enough that I'd want to write code on there
it's so easy to hit the wrong keys when they're virtual
epifanio
@epifanio
Oct 02 2014 01:22
agree with that. I will not use it for development, but let’s say you need some more math than a standard calculator (bumpy&scipy) to solve a system. I use it to type in my small matrix or few parameters for a function and execute it
Thomas Kluyver
@takluyver
Oct 02 2014 01:23
yep
we want to have a touch based UI that makes that sort of thing feasible
but that sounds like a lot of work, and we already have that ;-)
I would say PRs welcome, but to be honest it would probably be so invasive that a PR may well not be welcomed. If you've got time, though, and you're interested, we could discuss ways to work towards it.
not now, though, 'cause I'm just going home
Sylvain Corlay
@SylvainCorlay
Oct 02 2014 01:42
One could allow the toolbar to overflow on the sides on mobile devices and use a kind of carousel.
epifanio
@epifanio
Oct 02 2014 01:42
the easyies way is to tune up the css as from pr (i decreased it dow to 400 . but still can’t use it in portrait mode) and use a custom keyboard. good news i just installed this one : https://code.google.com/p/hackerskeyboard/ and it has a working shift. i can execute a cell :)
Sylvain Corlay
@SylvainCorlay
Oct 02 2014 01:42
Or replace the toolbar in one unique dropdown on mobile devices
which would probably be simpler
epifanio
@epifanio
Oct 02 2014 01:43
the dropdown options looks nicer, good to have the hide toolbar and header in the options
also the “white space at the bottom” (behind the help pager?) on the mobile looks huge. (sorry to bore with this topic) i can try to post a screenshot to show what i mean
Sylvain Corlay
@SylvainCorlay
Oct 02 2014 02:03
are you running master?
epifanio
@epifanio
Oct 02 2014 02:03
yes
during the build after the hack .. i saw this log : Failed to build css sourcemaps: [Errno 2] No such file or directory: 'fab'
Sylvain Corlay
@SylvainCorlay
Oct 02 2014 02:05
The pager might go away soon.
epifanio
@epifanio
Oct 02 2014 02:06
i did the screenshot, i’m tring to document them. the pager gets “higher” when i hide toolbar and header
up to 25% of screen size
Sylvain Corlay
@SylvainCorlay
Oct 02 2014 02:06
the sourcemap should not impact the aspect
gitter takes images
epifanio
@epifanio
Oct 02 2014 02:10
ok, so i’ll start with portrait mode, no hiding toolbar and header
prtrait_nohide.png
one weird thing here : note the markdown cell . i have latex code into it. it displays both raw and rendered latx
when i hide toolbar and header, the pager increase in height
portrait_hide.png
sorry .. that was landscape
this is portrait :
Screenshot_2014-10-01-21-49-55.png
the white space at the bottom is the pager
epifanio
@epifanio
Oct 02 2014 02:17
i decrease the px size up to 300 (was 480 in the pr) but still the same behavior .. so i guess there is something else that needs to be reized
*resized
Kyle Kelley
@rgbkrk
Oct 02 2014 02:19
Just looking back this conversation, while you can't detect screen size accurately across all devices you can check the user-agent server side.
Which means that we could get the messaging to the javascript
even if a bit roundabout
detect mobile, handle differently, etc.
epifanio
@epifanio
Oct 02 2014 02:33
i mean, when mobile is detected, use % instead of px, perhaps % less a costant (but i guess css doesn’t do math)
epifanio
@epifanio
Oct 02 2014 03:02
i decreased the size up to 20px .. on my laptop still looks good. on the phone “better” … any clue on how to get rid of the margin between the pager and page bottom ?
Screenshot_2014-10-01-22-59-09.png
Sylvain Corlay
@SylvainCorlay
Oct 02 2014 03:21
dunno for the pager. In any case, it will most likely disappear soon.
Regarding the toolbar, regardless of ipython/ipython#6531, it could be replaced by a dropdown if the user agent is the one of a mobile device.
epifanio
@epifanio
Oct 02 2014 03:29
@SylvainCorlay bear with me :) i was trying to hack it for class tomorrow
i totally agree it requires revisiting in the design, detecting a priori if is loaded by a mobile and use the appropriate imput methods
epifanio
@epifanio
Oct 02 2014 03:39
i think is pretty usable now (only the navbar looks bigger than it should be)
Screen Shot 2014-10-01 at 11.38.52 PM.png
Sylvain Corlay
@SylvainCorlay
Oct 02 2014 03:41
Is the keyboard customizable?
epifanio
@epifanio
Oct 02 2014 03:42
yes it is open source and in the preferences has a number of options. i need to get rid of the row with symbols on top
Sylvain Corlay
@SylvainCorlay
Oct 02 2014 03:42
\ and ; are probably not used as much as * and '(', ')'
epifanio
@epifanio
Oct 02 2014 03:44
most symbols are repeated, holding ; (the one between l and ‘ will show : )
so the line on top has to go away
Sylvain Corlay
@SylvainCorlay
Oct 02 2014 03:44
this is really cool
epifanio
@epifanio
Oct 02 2014 03:45
i can use the notebook as a calculator .. i’m pretty excyted :)
Sylvain Corlay
@SylvainCorlay
Oct 02 2014 03:48
IPython -> iPython
(the first letter is different :smile: )
more generally, I wonder if the touch screen could provide a more natural way to play with the modal ui. In a way, as soon as you are not in edit mode, you should not have a keyboard and only deal with cell-level operations.
epifanio
@epifanio
Oct 02 2014 03:54
make sense to scroll up/down and execute cell (run all etc)
having the navbar tools easy accessible from a side-panel that hides .. just like most of the android apps do
Sylvain Corlay
@SylvainCorlay
Oct 02 2014 03:56
yeah, I was thinking of touch and hold a cell / drag it to a trash to delete it, or move it to change the order.
epifanio
@epifanio
Oct 02 2014 03:58
oh .. each cell like a droppable element .. that’s fun .. but then we need a easy way to undo it as well
Sylvain Corlay
@SylvainCorlay
Oct 02 2014 03:58
more "sortable" like in jquery sortable
besides, it is probably even more important to make the green border thicker in edit mode to make the modal mode clearer
in any cases, cells could be "sortable"
epifanio
@epifanio
Oct 02 2014 04:01
yes i use the move-up-de all the time on my desktop
up-dw
epifanio
@epifanio
Oct 02 2014 04:12
at the moment the navbar is pretty hard to use, when I try to go to : cell -> all output .. it goes off the screen so i can’t select ‘clear all’ .. trick is to oswich orientation (this way is larger) then click on all output .. and at this point is too short so switch again to portrait .. and finally click clear all :)
Sylvain Corlay
@SylvainCorlay
Oct 02 2014 04:18
got to go cheers
Jessica B. Hamrick
@jhamrick
Oct 02 2014 16:57
Good morning
Thomas Kluyver
@takluyver
Oct 02 2014 16:58
good morning
we'll start the meeting momentarily
@ellisonbg joining today?
Thomas Kluyver
@takluyver
Oct 02 2014 17:03
@jdfreder are you around?
Brian E. Granger
@ellisonbg
Oct 02 2014 17:10
yep
internet problems...
Puneeth Chaganti
@punchagan
Oct 02 2014 17:13
Can one of you give me the youtube link to this hangout?
Puneeth Chaganti
@punchagan
Oct 02 2014 17:14
thanks!
Min RK
@minrk
Oct 02 2014 17:19
@jasongrout can you mute? you are very noisy and mute UI doesn't work today
Sylvain Corlay
@SylvainCorlay
Oct 02 2014 17:34
Hello
we have a very bad connection again
can we add a phone number to the hangout
2126179058
Matthias Bussonnier
@Carreau
Oct 02 2014 17:56
notebook.fatpynb
Sylvain Corlay
@SylvainCorlay
Oct 02 2014 17:56
store = session.dataStore()          # dataStore() return an object unique to the session, which is stored in the notebook metadata - and therefore persists between sessions
initial_text_value = store.get('widget_caption', 'Enter Text Here')   
widget = Text(value = initial_text_value)
dlink((widget, 'value'), (store, 'widget_caption'))
display(widget)
Matthias Bussonnier
@Carreau
Oct 02 2014 17:59
Brian is not a physicist anymore !
Sylvain Corlay
@SylvainCorlay
Oct 02 2014 18:00
(jason): philosopher now...
Matthias Bussonnier
@Carreau
Oct 02 2014 18:02
Ok, almost 1h, I'll break soon.
Ok, dropping, C U later.
Min RK
@minrk
Oct 02 2014 18:41
#6488
Jonathan Frederic
@jdfreder
Oct 02 2014 18:49
going to lose our room, g2g
bye al
all*
epifanio
@epifanio
Oct 02 2014 23:30
Guys, can I ask wich tablet do you use to work with iPython Notebook ?
epifanio
@epifanio
Oct 02 2014 23:41
i need to buy one .. and I don’t want make mistakes about the screen size … 9.7'' vs 7.9''
Min RK
@minrk
Oct 02 2014 23:42
I use an 8" iPad. It's fine for me, but some folks (especially those that need glasses) prefer the larger ones.
epifanio
@epifanio
Oct 02 2014 23:43
so the gui dosn’t show the “bug” on the 8’’ (or at least should work with the PR you made, right ?)
if i spend such amount of $$ i swear i’ll work on the ui .. I hope to build the app similar to the computableapp.com but releasing with same bsd license