Ok, I've made some progress with this following what you said. I'm
still having a hard time trying to figure out how to get it to
actually use a button graphic though. Here's the CSS I have right now
that I mostly copied from the .button css and then made changes to
colors and sizes. I've tried various methods at referencing the
button.png files as you can see with the css below, but nothing seems
to work.
Suggestions?
.row > .rightButton {
-webkit-border-image: url(grayButton.png) 0 12 0 12;
position: absolute;
overflow: hidden;
top: 8px;
right: 6px;
margin: 0;
border-width: 0 5px;
padding: 0 3px;
width: auto;
height: 30px;
line-height: 30px;
font-family: inherit;
font-size: 18px;
font-weight: bold;
color: #0000FF;
text-shadow: rgba(0, 0, 0, 0.6) 0px -1px 0;
text-overflow: ellipsis;
text-decoration: none;
white-space: nowrap;
background: #d6d4d5;
}
On Apr 27, 1:09 am, Remi Grumeau <remi.grum...@gmail.com> wrote:
> that was a quick solution, as i said earlier, you need some custom css to do
> what you are trying to archieve with this nudge button.
>
> <a href=link_to_the_panel class="rightButton">nudge</a>
>
> and on the css side
>
> body > .panel > .row > .rightButton {
> ...
> // custom css
> ...
>
> }
>
> Remi
>
> On 27 avr. 2012, at 03:35 AM, sblair <s.bl...@ieee.org> wrote:
>
>
>
> > Hey Remi,
>
> > I'm not sure if I'm totally following. On that row I already have an
> > Input field so I need to be able to click on the input field to enter
> > a number directly, so I can't really do any onclick events there.
> > That field is placed in the center of the row though. On the right
> > side of the same row I need to have a slider arrow or even a button
> > that takes me to a subpage when clicked there. If you look at the
> > image in my first post, you can see this where I have just a plain
> > link that says "Nudge".
>
> > Thanks.
> > Scott
>
> > On Apr 24, 4:13 pm, Remi Grumeau <remi.grum...@gmail.com> wrote:
> >> What about just an onclick event on the input?
> >> That might be the only easy solution i would see...
>
> >> <div class="row">
> >> <label>Horiz Position</label>
> >> <input name="textImageProInputHorizPosition" type="number" min="-100.0"
> >> max="1000.0" step="1" value="<!--FUNCTIONCALL WebIProInputHorizPosition
> >> -->" size="6" maxlength="6" align="right" id="horiz_pos_val"
> >> onclick="iui.showPageById('horiz_change')">
> >> </div>
>
> >> with another screen being
>
> >> <ul id="horiz_change" title="Horiz Position">
> >> <li><a href="javascript:document.getElementById('
> >> horiz_pos_val').value=0;iui.goBack()">0</a></li>
> >> <li><a href="javascript:document.getElementById('horiz_pos_val').value=1
> >> ;iui.goBack()">1</a></li>
> >> <li><a href="javascript:document.getElementById('horiz_pos_val').value=2
> >> ;iui.goBack()">2</a></li>
> >> <li><a href="javascript:document.getElementById('horiz_pos_val').value=3
> >> ;iui.goBack()">3</a></li>
> >> </ul>
>
> >> Quick test results the
> >> following:http://we-are-gurus.com/labs/iui/sandbox/select-menu.html
>
> >> (even if i would use history.go(-1) instead of iui.goBack() but Sean would
> >> disapprove...)
>
> >> Remi
>
> >> On Tue, Apr 24, 2012 at 8:21 PM, sblair <s.bl...@ieee.org> wrote:
> >>> Meh... That's what I was afraid of. Would it instead be possible to
> >>> put a button on the same row there with the input field without much
> >>> trouble? Instead of generating the slider arrow control, just putting
> >>> a button there instead?
>
> >>> Thanks.
> >>> Scott- Hide quoted text -
>
> >> - Show quoted text -
>
> > --
> > You received this message because you are subscribed to the Google Groups
> > "iPhoneWebDev" group.
> > To post to this group, send email to iphonewebdev@googlegroups.com.
> > To unsubscribe from this group, send email to
> > iphonewebdev+unsubscr...@googlegroups.com.
> > For more options, visit this group
> > athttp://groups.google.com/group/iphonewebdev?hl=en.
--
You received this message because you are subscribed to the Google Groups
"iPhoneWebDev" group.
To post to this group, send email to iphonewebdev@googlegroups.com.
To unsubscribe from this group, send email to
iphonewebdev+unsubscr...@googlegroups.com.
For more options, visit this group at
http://groups.google.com/group/iphonewebdev?hl=en.
