Login Register

css

Styling Lists Contained in Accordions

I'm having a problem getting styles applied via css to unordered lists contained in an AccordionPane (using Dojo 1.1.1). In Firefox, it appears that none of the css is applied at all. In IE, the css is partially applied. Example:


<div class="accordion" dojoType="dijit.layout.AccordionContainer" duration="200">
<div id="one" dojoType="dijit.layout.AccordionPane" selected="true" title="Pane 1" href="one.html"></div>
<div id="two" dojoType="dijit.layout.AccordionPane" title="Pane 2" href="two.html"></div>

Tree Styling : icons , labels and css

Hello.

I'm having some issues with dojo 1.1.1 tree.
I want to perform some styling on dojo tree, and i wonder why , when i want to change the tree icon size, i need to declare the icon class as :

.tundra .myTreeIconClass {
height: 32px;
width: 32px;
}

I don't know where i should report it , but i see this as a defect, since you have to write another css class for each theme.

Why does my Dialog expand to the size of the screen in IE when I have a contentpane with a form in it as the content?

The dialogs I use have different content inserts that are like content wrappers depending if I need a footer with buttons etc. But in IE the dialog expands to the width of the page and I need it to size to the content. Seems all the examples do this but not mine and I can't see the difference I haven't extended or changed the dialog CSS. Any help would be great I've been banging my head on my keyboard for the last two days over this.

Dijit Slider Labels not working in IE if in a div with any sort of background

Release: Dojo 1.1.1
Browser: IE 6 & IE 7
Scenario: Using a HorizontalSlider dijit in a div that has a background color set to #FFFFFF.
Problem: Labels do NOT show.

Confirmed that labels DO show so long as the widget is in a place that does not have a css background defined. Once the widget is within a div that has a background color or image, the labels vanish.

I've not confirmed whether this happens only in divs but I assume so.

Works perfectly either way in Firefox (2.0) and Safari. Just not in IE 6 or IE 7.

TabContainer styling blank on IE 7

Note: Dojo 1.1.1

I recently upgraded from 1.0.1 to 1.1.1, and now my TabContainer instances are not rendering the styling on IE 7. It does render the styling (soria, tundra, etc) fine in FF 2 & 3. When I run the themeTesting with IE 7, the TabContainer renders perfectly.

Any hints or suggestions?

Is it possible to have a narrow TextBox?

The design of one of our applications requires that a certain text box be only wide enough to display a few digits at a time (30px).

There's no problem actually setting the width to 30px but when a user types in the text box, they can only ever see one digit at a time. It seems the rest of the digits are being bumped out of view.

Getting an error "The stylesheet was not loaded because its MIME type, "text/html" is not "text/css".

Hi guys I'm kinda new to dojo - well just downloaded it a whiel ago and really woudl like to start using it but I seem to be getting this error when I run it in firefox

The stylesheet root/dijit/themes/soria/soria.css was not loaded because its MIME type, "text/html", is not "text/css".

And cos of that my example tryouts seem all messed up. I'd really appreciate any help on this guys

CSS Clashes

For some reason, I posted this question earlier but I couldn't find it again. I searched everywhere but it is missing. I was designing this page using dojo with some iframes but it doesn't seem to appear correctly.

http://www.intellinexus.com/planetlab/spiderTracer_Mapper_Combo.php

When i try clicking on the combo box for options, it doesn't display a drop down but instead displays it at the side. Can someone kindly help me out please?

dojoVAlign or dojoVerticalAlign CSS or even a wrapper class that would apply CSS to center elements in it

Is there any dojo CSS that will vertically align block level element to the center of their parent. I have three elements in a parent that are all different sizes and I need them to be vertically aligned in the parent. I've always found vertical alignment to be the worst sort of hack. I think if there isn't one making one in dojo would be useful at least there would be a "standard" that we could use and it could change under the covers as the browsers got better at handling it. I'd even take the best hack someone has for this if there isn't a dojo solution.

Directly styling the background for a dijit (Button).

I'm trying to change the styling of a single button on a page.

If I have the following:

<button dojoType="dijit.form.Button" style="background: url('pattern.gif');">
    Click
  </button>

my own pattern is applied to the <div> html element generated by dojo.
But the <button> element beneath it in the DOM (also generated by dojo) takes its background styling from the theme I'm using (tundra).

Syndicate content