2013-07-22 4 views
0

Я хочу добавить стрелку в окно extjs, как показано ниже. Я создал окно со всеми необходимыми полями формы, и я могу указать место, где пользователь нажал. Теперь мое требование - добавить стрелку в это окно.Добавить оверлейный указатель на всплывающее окно в Extjs 4?

Спасибо заранее.

enter image description here

+0

Прохладный! У меня есть клавиатура. – Mike

ответ

2
<div id="overlay"> Hello World </div> 

#overlay { 
    width: 200px; 
    height: 50px; 
    position:relative; 
    background-color: green; 
} 
#overlay:after { 
    content: ""; 
    position: absolute; 
    top: 50px; 
    left: 50px; 
    width: 0px; 
    height: 0px; 
    border-top: 10px solid green; 
    border-left: 10px solid transparent; 
    border-right: 10px solid transparent; 
} 

Последовательность div после наложения выглядит следующим образом. Таким же образом мы можем добавить оверлей для окна sencha extjs.

enter image description here

0

Есть .x и .y свойства Window. Они существуют для абсолютного позиционирования. Вы должны получить координаты указателя мыши, а затем вычислить положение окна.

Смежные вопросы